久久九九综合,91麻豆果冻天美精东蜜桃传媒 ,露脸在线国产眼镜

相冊列表顯示模式

http://www.linxz.cn 2009/5/9 21:04:13 深山行者字體:大中小瀏覽 11507

以下為詳細代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Linxz" />
<meta name="Keywords" content="css,相冊,album,列表,linxz,林小志" />
<meta name="Description" content="CSS相冊列表，鼠標經過放大高亮顯示" />
<style type="text/css">
* {margin:0;padding:0;}
ul {width:660px;height:500px;margin:30px auto;list-style:none;}
li {float:left;width:152px;height:112px;margin:5px;_overflow:hidden;}
li a {width:152px;height:112px;display:block;}
li img {width:150px;height:110px;display:block;overflow:hidden;border:1px solid #000;}
li a:hover {position:relative;}
li a:hover img {width:200px;height:147px;position:relative;margin-left:-25px;margin-top:-25px;border:3px solid #ff0;z-index:50;}
h1 {width:660px;height:30px;margin:10px auto;text-align:center;}
p {width:620px;height:20px;margin:10px auto;font-size:10px;font:normal 12px/1.5em Verdana,Lucida, Arial, Helvetica,sans-serif;text-align:right;}
</style>
<title>無標題文檔</title>
</head>
<body>
<h1>相冊列表顯示模式</h1>
<p>by linxz</p>
<ul>
<li><a href="#" title="奧運圖片"><img src="/UploadFiles/demo/002.jpg" alt="奧運圖片" /></a></li>
<li><a href="#" title="奧運圖片"><img src="/UploadFiles/demo/002.jpg" alt="奧運圖片" /></a></li>
<li><a href="#" title="奧運圖片"><img src="/UploadFiles/demo/002.jpg" alt="奧運圖片" /></a></li>
<li><a href="#" title="奧運圖片"><img src="/UploadFiles/demo/002.jpg" alt="奧運圖片" /></a></li>
<li><a href="#" title="奧運圖片"><img src="/UploadFiles/demo/002.jpg" alt="奧運圖片" /></a></li>
<li><a href="#" title="奧運圖片"><img src="/UploadFiles/demo/002.jpg" alt="奧運圖片" /></a></li>
<li><a href="#" title="奧運圖片"><img src="/UploadFiles/demo/002.jpg" alt="奧運圖片" /></a></li>
<li><a href="#" title="奧運圖片"><img src="/UploadFiles/demo/002.jpg" alt="奧運圖片" /></a></li>
</ul>
</body>
</html>

前一頁:利用css制作簡易相冊

后一頁:div中的圖片鏈接居中的問題

相關閱讀: DIV+CSS之自動換行; 利ASP里的FOS導出WORD或Excel文檔(本人測試成功); 超級經典一套鼠標控制左右滾動圖片帶自動翻滾; httpd.ini偽靜態網站分享到微信好友微信朋友圈鏈接打不開報404錯誤的解決辦法; 微信小程序操作json與數組增加; Div+CSS+JS樹型菜單，可刷新; 汽液兩相流; 網頁制作中關于瀏覽器寬度和高度的設定研究（轉載）

共有0條關于《相冊列表顯示模式》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery設置或獲取修改classname; 利用css3.0寫出一個音樂播放的唱片碟盤的效果; 利用css中的scale()實現放大縮小效果; 利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標簽中; 利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 利用正則替換生成html，經典的，可以用數組進行替換; 利用ASP正則提取文章里面的圖片的有效的src地址; 關于字體在CSS中處理效果的思考; 北京順義阿來電腦科技有限公司電腦配件在線網店; 一個select表單移處數據的效果，非常好用。; 禁止網站的靜態模板被下載

更多標簽熱門標簽

文章定律 div 浮動對象關鍵詞顯示器 style skype 腳本 hidden 硬件 word-break 插件二級 web 2.0 alert XMLHTTP 處理 access 設計文本框 ie7 絕對分辨率換行提交訪問量文字樣式斜線游戲留言板 button 網頁制作營銷采集信息緩存定制 vista 初級獲取 tags openwin 工具 strong 文本 dd 臺歷 function word-spacing

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

相冊列表顯示模式

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷