当前位置:主页 > 知识大宝库 > 代码素材 >

jquery网页点击小图片显示完整大图片效果显示和

来源:封程中个人博客  作者:封程中  日期:2015-09-06 19:50

大家在做网站的时候应该会经常苦恼一个问题.
在文章页、内容页里面,如果图片比较大,显示出来,图片看不清楚.
 
这个时候我们一般有两种做法
1.把图片做成超链接,点击图片的时候就跳到这个图片的地址.不过我感觉这种用户体验不太好.
2.点击图片,直接显示大图片.我也是今天才做的这样的效果,那么就给大家分享下吧.
大家可以点击下下面的图片,看看代码特效.

我之所以选择这个效果,首先因为他方便,另外这个效果需要的代码很少,很简洁.
 
jQuery实现点击小图弹出大图代码下载:http://pan.baidu.com/s/1i3GR1rR


本文地址:http://g9gx.com/zhishi/sucai/88.html 在线咨询

上一篇:教你如何让网站在手机和PC电脑上分别显示不同的

下一篇:怎么通过CSS来限制文字长度

关注&咨询
谷九建站