jQuery悬浮焦点图宽屏

今天给大家分享一款基于jQuery的网站首页宽屏焦点图幻灯片.这款焦点图适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览源码下载实现的代码. html代码:  <div class="sliderWrap"> <section class="banner-TAL"> <div class…

8款耀眼的jQuery/HTML5焦点图滑块插件

1.HTML5/CSS3超酷焦点图特效带前后翻页按钮今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单,但是外观和功能却十分强大.该CSS3焦点图在切换图片时,图片以淡入淡出的方式缩小消失并显示下一张图片.焦点图插件还拥有一套非常大气的前后翻页按钮,是一款非常实用HTML5/CSS3焦点图应用. 在线演示源码下载 2.HTML5/CSS3淡入淡出滑块焦点图非常清新我们已经分享过几款简单的CSS3/jQuery焦点图插件,今天要分享的这款焦点图切换时有淡如淡出的动画效果,是利…

Jquery制作--焦点图淡出淡入

之前写了一个焦点图左右轮播的,感觉淡出淡入用得也比较多,就干脆一起放上来啦.这个容器用了百分比宽度,图片始终保持居中处理,定宽或者自适应宽度都是可以的. 兼容到IE6+以上浏览器,有淡出淡入速度和切换间隔两个参数可以改.效果图如下: Html代码如下: <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>淡出淡入焦…

jQuery cxSlide 焦点图轮换

cxSlide 是一个简单易用的焦点图展示插件,支持水平.纵向切换,透明过渡切换. 已支持 CSS 动画过渡切换.通过 CSS 动画切换,可以展示更多效果. 版本: jQuery v1.7+ jQuery cxSlide v2.0.2 注意事项: 内部会自动创建切换按钮元素,也可在外部直接创建,若外部已创建,内部将跳过此步骤: 展示图片未超过 1 张时,会隐藏切换按钮元素. github地址在线实例实例预览基础示例实例预览 CSS 动画实例预览 API 接口使用方法载入 JavaS…

Jquery幻灯片焦点图插件

兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件,功能很多 ,基本能满足你在网页上使用幻灯片(焦点图)效果. 下载…

jQuery.KinSlideshow焦点图轮换

兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件,功能很多 ,基本能满足你在网页上使用幻灯片(焦点图)效果. 演示网址:http://www.lanrentuku.com/down/js/jiaodiantu-794/index.html KinSlideshow默认设置效果代码: *焦点图显示的标题为 img 中 alt 属性中的文字 *当只有一张图片时不显示按钮,但也会有无缝切换效果提示1: 外层div建议…

jQuery制作焦点图(轮播图)

焦点图(轮播图) 案例 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&q…

jQuery带缩略图的宽屏焦点图插件

在线演示本地下载…

Jquery制作--焦点图左右轮播

公司项目经常用到轮播焦点图,于是自己写了一个纯jq形式的横向轮播焦点图,可点击小圆点或者左右按钮进行切换,属于定宽类型.改成自适应宽度的也不难,将css里面的bannerCon宽度改为百分比,再在js里面将ul和li的宽度跟随父级容器的宽度变化即可,需要用到$(window).resize,目前公司暂时没用到,就先放这个定宽的出来啦. 兼容到IE6+以上浏览器,有轮播速度和切换间隔两个参数可以改.效果图如下: Html代码如下: <!doctype html> <html lang=&q…

【jQuery悬浮焦点图宽屏】的更多相关文章