网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(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 深山行者 字体:
大
中
小
浏览 10115
以下为详细代码
<!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类型的顺序改变链接翻滚效果
连云港红发廊
利用java客户端静态页面玩分页
北京青年旅行社股份有限公司
用GetString来提高ASP的速度
改进了的，超强的title效果，看了之后，你肯定会喜欢。
深山旅行社网站管理系统 v1.5
兼容ie6+和火狐的禁止右键
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
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还有其它的吗
更多>>
随机抽取信息
当鼠标靠在某个字上时,背景也随之改变
javascript自动获取Tags关键字
jquery获取不同类型表单值的方式
在网页上禁止鼠标右键的方法(1)
用uni-app开发微信小程序用uni.makePhoneCall拨打电话
购物时某件商品倒计时销售非常不错
更多标签
热门标签
代码 css
文件
Word
function
id
加减
保护眼睛的电脑色
复制
柱状图
text
居中
div CSS
msn
网页
ul
左 右 全 input
网站
利用position把div放在flash上
js
安装包
关闭
相册
DIV CSS做的透明菜单兼容IE、FF等
css
instr
div
插件
网易
原则
压缩
email
框架
密码
跳转
生成
许愿
confirm
采集
盖楼
表单
DIV+CSS做的透明菜单兼容IE、FF等
成功
Abandon
letter-spacing
初级
焦点
绝对
vista
兼容
缩放
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号
