网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
DIV+CSS
> 正文
相册列表显示模式
http://www.linxz.cn 2009/5/9 21:04:13 深山行者 字体:
大
中
小
浏览 10140
以下为详细代码
<!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中的图片链接居中的问题
相关阅读
江苏绿叶国际旅行社
CSS的十八般技巧
ASP留言板IP或IP段限制与限制留言次数
实现iis6与iis7环境下支持mp4视频随意拖动、预览播放、边下载边播放
金岸国际旅行社
Photoshop中精典实用技巧
超强的中间自适应,左右固定,有许多值得学习的地方
asp用BcH将二进制转十六进制然后再HcB将十六进制转二进制
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
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把网页文字的毛边去掉
更多>>
最新添加文章
2026 aliyun阿里域名云注册续费优惠口令
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
更多>>
随机抽取信息
手动调节背景色:背景色能用按钮进行手动调节
asp从a到z循环输出26个英文字母
爱度旅行网
仿MAC官网导航菜单
放大的分页代码
用css做的英文首字母大写和英文全都大写通过各个浏览器
更多标签
热门标签
留言板模版
slectindext
CSS滤镜
例子
变大
想
深山旅游网站管理系统V1.0
变色
复选框
服务器
缓冲
title
打字
样式
事务
xml
分辨率
搜索
word-break
loading
收缩
凹陷
窗口
小旋风
FSO
txt
vb
记录
access
下拉
document
选项
简易
高度
边框
iis
控件
居中
网页
利用position把div放在flash上
关闭
instr
压缩
跳转
采集
DIV+CSS做的透明菜单兼容IE、FF等
letter-spacing
透明
innerText
天气预报
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号