-
JavaScript定义按钮控制图片放大缩小显示
网页上有一个按钮,Js为其添加动作,让其来控制图片的放大和缩小显示。鼠标点击放大按钮后,图片则会放大显示,每点击一次放大不同的倍数,位数自定义便可。反之,则点击一次缩小一下图片,兼容主流浏览器。
-
不错的CSS3图文列表 还有鼠标悬停图片抖动
一个看上去挺不去的CSS3图文列表,是在新浪微博模板商店网页里整理的,每个图片框都带有阴影效果,整齐排列在一起,看上去很美观,很专业。在鼠标悬停放在图片上的时候,图片会抖动几下,然后静止了,这个效果是基于CSS3实现的,很不错的图片列表效果,希望
-
jquery.nicescroll实现图片无滚动条左右拖拽
jQuery图片左右拖拽特效,无滚动条,将多张图片组合在一起形成的效果,插件使用的是jquery.nicescroll.js,拖动过程中不会出现滚动条,这样更美观了一些,若需要此效果,可参见下边框中的代码。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//
-
jquery上下滑动的图片提示文字
一个由jquery实现的图片提示效果,鼠标放图片上后,图片上下会显示一个深色的遮罩层,并显示出文字信息,用来作图片说明,兼容性好,代码简洁,这里使用了jquery-1.6.2.min.js和jquery.easing.min.js。
-
左右拖拽分隔条对比图片jquery.beforeafter.js示例
左右拖拽切换对比图片效果,运行效果后,图片中间有个拖动条,拖动左右滑动,可看到图片不一样的效果,女模特的脸变嫩了,呵呵,其实是用了两张背景图片实现的,这就需要jquery.beforeafter.js插件了,拖动时候的小图标不见了,路径可以在jquery.beforeafter.