血检怀孕会出错吗:CSS实现同一图片左右半边加链接导航 - CSS - web - JavaEye论坛
来源:百度文库 编辑:九乡新闻网 时间:2024/05/01 06:16:09
相关文章:
推荐圈子: EXT
更多相关推荐
- 做了一个遮罩层
- jquery漂亮的按扭控件(源代码共享)
- How to Build a CSS Image Viewer
推荐圈子: EXT
更多相关推荐
不知道我这个标题把效果说明白没有,效果是这样的,如QQ空间查看好友日志中的图片时,弹出的图片中,鼠标放在图片左右两边时,分别显示左右箭头,点击鼠标分别进入前一张图片或后一张图片。QQ空间有一个巨大的js库,它这个效果是用js实现的,下面是我用CSS实现的,很简单的代码,抛砖引玉,考虑其他情况,可以做成更高级的效果。
DEMO演示:http://lyjweb.appspot.com/image-nav.html
Html代码
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- html,body{
- background:#e0e0e0;
- }
- .imgBox img{
- border:1px dashed #666;
- }
- .imgBox{
- position: relative;
- float:left;
- }
- .imgBox div{
- position:absolute;
- left:0px;
- top:0px;
- width:50%;
- height:98%;
- background: #fff;
- opacity:0.0;
- filter:alpha(opacity=0);
- }
- .imgBox .left{
- cursor: url('http://cnc.qzs.qq.com/qzone/client/photo/cursor/pre.cur'),default;
- }
- .imgBox .right{
- left:50%;
- cursor: url('http://cnc.qzs.qq.com/qzone/client/photo/cursor/next.cur'),default;
- }
- class="imgBox">
- src="http://www.w3schools.com/images/pulpit.jpg"/>
class="left" onclick="alert('left');">class="right" onclick="alert('right');">
CSS实现同一图片左右半边加链接导航 - CSS - web - JavaEye论坛
jQuery+CSS实现动态滑动菜单导航
用CSS控制网页链接和导航标签
jQuery+CSS实现竖向漂亮的滑动导航
CSS
css
CSS柱状图的实现
CSS布局实例:仅一张图片实现圆角
css图片修饰
CSS图片(png)定位
Web标准基础教程:CSS简写指南
导航条代码 css下拉菜单
23种css图片修饰
使用CSS实现侧边Tab菜单栏1
使用CSS实现侧边Tab菜单栏2
使用CSS实现滑动菜单栏1
21个超赞的CSS实现技术
CSS+DIV实现鼠标经过背景变色
译言网 | 21个超赞的CSS实现技术
CSS滤镜实现图片特效代码(模糊倒影+雾化+多层FLASH特效+百叶窗)
CSS滤镜实现图片特效代码(模糊倒影+雾化+多层FLASH特效+百叶窗)
DIV CSS布局实例:用css网站布局之十步实录!(目录) - CSS Web Desi...
调用CSS语句修饰图片边框
CSS JS实现的选项卡效果(html组件)-网页陶吧-CSS-天极Yesky