模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
图片特效特效代码
>
收藏
分享
查看评论
图片特效
演示
CSS 图片放大查看特效_图片特效特效
查看演示效果
特效Tag：
图片放大
添加
CSS制作的图片查看特效，鼠标放上后出现放大的图片，带漂亮的边框修饰，还可以加入简短的图片说明。
<html> <head> <title>CSS图片放大特效</title> <style type="text/css"> .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ border-width: 0; padding: 2px; } .thumbnail:hover span{ visibility: visible; top: 0; left: 60px; } </style> </head> <body> <a class="thumbnail" href="#thumb"><img src="http://p1.mb5u.com/texiao/1/20110225160507316.jpg" border="0" target="_blank"/> <span><img src="http://p1.mb5u.com/texiao/1/20110225160507317.jpg" border="0"><br>好美的景致啊~</span></a> </body> </html>
所属频道：
图片特效特效
/
更新时间：2012-12-09
[收藏]
[报错]
[返回列表]
相关
图片特效特效
：
图片自动缩放
图像过来
禁止对图片用右键(仅支持IE)
图片的渐显播放效果的代码
对联式的图片广告代码
页面的左右下脚始终固定不动的图片广告代码
图片渐渐出现脚本
图象淡入淡出 Script
经典相册效果
左右移动的图片
图像映射
图形循环渐显脚本
图片特效特效Rss订阅
特效代码搜索
图片特效特效推荐
带图片的鼠标悬停提示
图片淡入淡出过渡的JavaScript代码
CSS 图片放大查看特效
美化过的匀速图片滚动
百分比例图
JavaScript控制图片放大缩小
给一个图片加上CSS边框特效
让背景图片也具有链接热点的功能
JS+CSS滤镜实现多种图片效果
jQuery制作的产品展示效果
猜你也喜欢看这些
一行一行显示的网页文字，由Js控制输出
文字像跳跳球一样在网页上浮动
警告链接-鼠标移至该链接将弹出提示信息
多色彩特效字代码生成器
三行文字成批间隙滚动的走马灯效果
链接内容可以点击的文字提示
颜色变幻像字符输入一样的欢迎词
JavsScript的指定文字加亮显示功能
比较实用的CSS控制连接颜色效果
可打开无数窗口
相关链接：
复制本页链接
|
搜索CSS 图片放大查看特效
特效说明：
图片特效模板
-
CSS 图片放大查看特效
。
。。