图片特效

一款可以兼容IE6  IE7  IE8等多种浏览器的banner焦点图特效，本效果采用目前较为流行的jquery插件——slideshow 兼容性良好，使用也很方便 使用方法： 1、在head中引入slideshow.css样式以及slideshow插件 2、将代码部分复制到你需要的地方，并在底部调用一小段控制时间的js代码即可 文章来自WE7资源网ww...

css模仿淘宝网之前的图片切换banner效果图。原生js效果，代码清爽简洁易懂。 使用方法： 1、将两个js文件以及css文件引入到你的页面head中 2、将id='box'的html代码复制到你需要的地方即可 文章来自WE7资源网www.bfwv.cn转载请注明出处，谢谢!!!

纯jQuery实现的向左滚动的焦点图特效，支持底部缩略图效果。 原来jQuery代码已经很凌乱，WE7资源网做了相应的整理后使代码变得相对简洁很多，且jQuery代码简洁易懂。稍微有点jQuery代码基础的人都会 做相应的修改。 使用方法： 1、在head中引入css文件 2、将html代码部分拷贝到你需要的地方 3、将js代码拷贝到网页底部即可 文章来自WE7资源网www.bfwv.cn转载请注...

做手机客户端前端的童鞋们福利来啦，这是一个非常不错，值得推荐的图片轮播插件。 特点： 1、支持左右滑动按钮 2、手机划屏 3、垂直方向幻灯片演示 4、图文并茂方式幻灯片 5、旋转幻灯片切换方式 6、首尾相连循环旋转幻灯片 7、水平垂直嵌套幻灯片 8、嵌套 +旋转木马模式+循环模式幻灯 9、tab标签样式滚动 10、分图分段切换图片 11、缩略图多图底部切换方式 使用方法大家可根据自己需要复制对应部...

一个效果比较简单的jQuery特效，仅仅依赖于jQuery库的同时外加几行jQuery代码就搞定了 效果比较简单，其中带有css3代码，当然低版本浏览器也是有效果的，只是已经忽略了其中的css3，不过照样可以浏览了 使用方法： 1、在你的网页head中引入lanrenzhijia.css以及jQuery库 2、将代码部分复制到你需要的地方即可 3、注意保持图片等文件路径的正确 文章来自WE7资源网...

左右全屏代码的幻灯片切换效果，同时右上角还支持浮动的登陆框样式 原是一知名网站的登录页样式 使用方法： 1、将lanrenzhijia.css以及jQuery库引入到你的网页中 2、将代码部分拷贝到你的网页中即可 3、当然，你的背景图片分辨率也要足够高，目前线上的图片宽度不是太大，所以看起来好像不是全屏，其实代码是支持左右全屏的 文章来自WE7资源网www.bfwv.cn转载请保留本链接，谢谢!

效果描述： 左右全屏，滚动效果动画较强，左右按钮弹性制 代码比较简洁，对于懒人来说是一大福利 使用方法： 1、将lanrenzhijia.css文件引入到你的网页中 2、将body中的代码部分拷贝到你的网页中即可 文章来自WE7资源网www.bfwv.cn转载请注明出处，并保留本链接，谢谢!

效果描述： 底部4个焦点数字编码，左右展开，同时展开文字说明 算是有些小创意，懒人站长今天特意推荐给大家使用 使用方法： 1、将lanrenzhijia.css样式引入到网页中 2、将代码部分拷贝到你的网页中 3、将js部分引入到body结束前 文章来自WE7资源网www.bfwv.cn转载请保留本链接，谢谢!

效果描述： 左右保持全屏效果，左右两张图片保持倾斜，点击底部焦点可左右切换 使用方法： 1、将lanrenzhijia.css样式引入到网页中 2、将代码部分拷贝到你的网页中即可 附件中的图片已经采用绝对路径，不必再因图片路径问题而担心了 文章来自WE7资源网www.bfwv.cn转载请注明出处，谢谢!!!

效果描述： 一个很不错的左右切换焦点图效果，顶部带有进度条，支持鼠标悬停暂停功能 图片左右切换，大图类似当前天猫官网首页图片效果，会自动放大或者自动缩小，不过效果很微妙 使用方法： 1、将body中的代码部分拷贝到你网页body结束前 2、将附件中的css以及js复制到你的页面文件下(根据路径选择) (图片采用绝对地址，不会影响使用，不建议修改) 文章来自WE7资源网www.bfwv.cn转载请注...

效果描述： 左右切换，类似手机客户端的banner图片切换效果 支持自动切换 代码简洁，左右切换平滑 使用方法简单： 1、将附件index.html中的css复制到你的样式文件中 2、将body中的代码部分复制到你需要的地方即可 (图片采用绝对路径，不建议修改) 文章来自WE7资源网www.bfwv.cn转载请保留本链接，谢谢!

效果描述： jQuery插件——jquery.carouFredSel-6.0.4-packed.js 让你的焦点图切换按钮显示变成进度条，即时显示百分比近端 这样可以让用户知道图片的切换时间，创意性确实是太厉害了 点击按钮的时候，也会立刻跳转到你指定的图片部分 提升了不少用户体验   使用方法： 1、将css样式复制到你的网页中 2、将代码部分拷贝到body结束...

效果描述： 又一个jquery.slider插件实现的焦点图切换效果 鼠标悬停在焦点图上，显示左右按钮 支持手动切换 同时也显示暂停或者开始按钮，可以让你的焦点图暂时停止切换 底部带有切换时间进度条 所有焦点图切换参数均在网页底部的js中切换 缺点： 不支持自动切换 使用方法： 1、将index.html中的css样式引入到你的页面中 2、将代码部分拷贝过去，然后修改至你想要的样式即可 (图片、j...

描述： 来自三一重工官网首页的大屏焦点图切换效果 默认8秒钟自动切换一次 可设置鼠标点击或者悬停在小图片上时，大图切换 效果不错，推荐使用   使用方法： 1、将附件index.html文件中的css代码以及html代码拷贝到你的网页中即可 文章来自WE7资源网www.bfwv.cn转载请注明出处，谢谢!!!

效果描述： 比较有创意的一款焦点图切换效果，切换按钮不是居中显示 而是在网页右侧居中显示 每个焦点图内带有其他动画效果 不过低版本浏览器下效果要差一些，因为部分代码是css3实现的，所以，懒人们使用前需注意这一点 使用方法： 1、将head中的css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (js、图片采用绝对路径，不建议修改) 文章来自WE7资源网www.bfwv....

效果描述： 一个很简单常用的tab类型的banner焦点图切换代码 原来是一个点击后才能切换的效果 懒人站长修改为鼠标悬停后直接切换 使用方法： 1、将head中的css样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方即可 (js、图片采用绝对路径，不建议修改) 文章来自WE7资源网www.bfwv.cn转载请注明出处，并保留本链接，谢谢!

效果描述： 一个非常不错的左右全屏焦点图切换代码 每个焦点图均支持左右箭头以及点状切换 每一帧都包含多个动画，不是单一的一张图片切换 兼容性良好，可以在企业网站之间普及开来 使用方法： 1、将head中的css样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方即可 (注意保持图片、js路径正确) 文章来自WE7资源网www.bfwv.cn转载请注明出处，谢谢!!!

效果描述： 左侧八个缩略图，间隔一段时间自动切换 右侧大图也跟着切换，当然，也支持手动切换 使用方法： 1、将head中的lanrenzhijia.css引入到你的页面中 2、将body中的代码部分拷贝到你的页面中即可 (注意：js路径不要搞错) 文章来自WE7资源网www.bfwv.cn转载请保留本链接，谢谢!

效果描述： 这是一个非常精简，非常原生的jQuery焦点图效果，支持左右手动切换和自动切换 默认只提供了框架结构，需要的同学可以自己修改样式，添加图片，变成你需要的样子 最大的特点就是：可扩展性强，代码方便易用 使用方法： 1、将head中的css样式复制到你的页面中 2、将body中的代码部分拷贝过去即可 (js建议远程调用) 文章来自WE7资源网www.bfwv.cn转载请注明出处，并保留本链...

效果描述： 看似倾斜切换的两张图片，其实是两个焦点图叠加起来的效果 本效果调用jquery.carouFredSel-6.0.4-packed.js插件实现 使用方法： 1、将index.html中的css样式复制到你的网页中 2、将index.html中body中的代码部分复制到你的网页中 (主意保持js、图片路径正确即可) 文章来自WE7资源网www.bfwv.cn转载请注明出处，并保留本链接...