网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
图形特效
> 正文
利用CSS里面的A:hover鼠标滑过缩略图时放大图片
蓝色理想 2009/5/2 21:41:28 深山行者 字体:
大
中
小
浏览 39358
以下为详细代码
<!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" /> <title>鼠标滑过缩略图时放大图片</title> <style type="text/css"> <!-- * {margin:0;padding:0;} body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;} img {border:0} p {font-size:14px;} #imgmove li {float:left; width:50px; height:40px; display:block; overflow:visible;*overflow:hidden; margin:0px 5px; border:3px #333 solid; position:relative;*position:static;} #imgmove a img {position:absolute;left:0px;top:0px;clip:rect(0px 50px 40px 0px);z-index: 0;*position:static;} #imgmove a:hover {border:none } #imgmove a:hover img {position:relative; left:-3px; top:-3px; border:3px #f00 solid; z-index:2; clip:rect(0px 137px 137px 0px);} --> </style> </head> <body> <p>本例旨在展示鼠标滑到缩略图上时，放大图片。</p> <br /> <br /> <br /> <br /> <br /> <ul id="imgmove"> <li><a href="#"><img src="/UploadFiles/demo/001.jpg" /></a></li> <li><a href="#"><img src="/UploadFiles/demo/002.jpg" /></a></li> <li><a href="#"><img src="/UploadFiles/demo/003.jpg" /></a></li> </ul> </body> </html>
前一页:
利用css实现图片选中后显示文字与图片效果
后一页:
留言动态显示图片
相关阅读
css翻页代码
超级实用且不花哨的js代码大全( 7 )
web2.0 div+css 设计中一些标准化学习指南
详细的百度蜘蛛爬行检测代码诠释
各个苹果手表型号版本对比以及查看苹果手机Apple Watch型号
硕思闪客精灵破解版下载
模板自由切换
福建省武夷山旅行社官方网站
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
div+css黑色焦点图(幻灯片效果非常 不错)
javascript实现图片预览功能
比较实用的利用javascript按比例相应缩放图片大小
一个效果非常不错图片载入loading等待效果
利用css实现图片选中后显示文字与图片效果
利用CSS里面的A:hover鼠标滑过缩略图时放大图片
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
纯asp根据当前日期计算出相应的星座
鼠标放在表格区域内，当前格的一整行和一整列变色
旅行社网站模板默认风格1
留言板留言板V7.2
绝对让你长见识：200个骗人的创业项目！
表格增加
更多标签
热门标签
增大
Session
考试
小旋风
Abandon
img
上 下 左 右
ResponseXML
动画
overflow
windows
time
flash 透明
iis 安装
pr
深山v1.0旅行社网站管理系统
中英
展示
遍历
保留
表格
百度
淘宝
生成器
dreawmeaver
客户端
左右
高
csss
滑动
留言板
自动获取
查询
Excel
名称
万年历
方法
浏览器
loading
硬件
焦点
对联
虚拟
关于我们
增高
xml
三级
货币
下划线
图片上传
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号
