网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
背景图像
-> css制作的弹出式图片预览效果
css制作的弹出式图片预览效果
作者:admin 发布时间:2010-11-27 8:40:39 发布人: admin
<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{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } </style> </head> <body> <a class="thumbnail" href="http://web.archive.org/web/20150428052254/http://www.syplay.com/"><img src="http://web.archive.org/web/20150428052254im_/http://myjs.jz123.cn/img/s1.jpg" width="100px" height="66px" border="0"/><span><img src="http://web.archive.org/web/20150428052254im_/http://myjs.jz123.cn/img/1.jpg"/><br/>Simply beautiful.</span></a> <a class="thumbnail" href="http://web.archive.org/web/20150428052254/http://www.syplay.com/"><img src="http://web.archive.org/web/20150428052254im_/http://myjs.jz123.cn/img/s2.jpg" width="100px" height="66px" border="0"/><span><img src="http://web.archive.org/web/20150428052254im_/http://myjs.jz123.cn/img/2.jpg"/><br/>So real, it's unreal. Or is it?</span></a> </body> </html>
css制作的弹出式图片预览效果
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
带关闭功能的网站顶部滑出的广告提示条
下一篇:文章:
CSS控制页面展开/关闭的代码
本类浏览排行 »
CSS控制页面展开/关闭的代码
css制作的弹出式图片预览效果
带关闭功能的网站顶部滑出的广告提示条
纯CSS的下拉菜单 支持IE6 IE7 Firefox
DIV+CSS打造背景图片翻转网页导航菜单
博客常用的jQuery滑动菜单插件
CSS+Js选项卡菜单,自适应宽度
隐藏在左侧的jquery弹性弹出菜单
本站推荐文章 »
带关闭功能的网站顶部滑出的广告提示条
漂亮的404错误页面
比较实用的二级下拉导航菜单
点击图片直接把图片地址复制到粘贴板
一款常用的漂亮的JS图片滑动切换效果
兼容ie6、ie7、ff、opera、safari的水平垂..
一款设计精美的CSS滑动门菜单
一款简洁漂亮的CSS滑动门特效