更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
2
2025-12-19
24小时阅读排行榜
- 1 Laravel怎么连接多个数据库_Laravel多数据库连接配置
- 2 CSS工具与框架是否适合快速原型制作_CSS工具与框架的开发效率说明
- 3 css阴影看起来很突兀怎么办_box-shadow调整扩散与透明度
- 4 360怎么装html5_360浏览器默认支持HTML5无需额外安装设置【说明】
- 5 html5游戏怎么修改_HT5改JS逻辑或资源文件调整游戏玩法效果【修改】
- 6 javascript的严格模式是什么_它如何影响代码执行?
- 7 php静态网页设计怎么实现图片懒加载_php静态网页设计懒加载JS与CSS实现【方法】
- 8 JavaScript如何实现深拷贝与浅拷贝?
- 9 PHP增删改查怎么用mysqli操作_phpmysqli用法【指南】
- 10 如何在Golang中配置日志输出工具_安装第三方日志库用于调试
- 11 CSS工具与框架适用于性能敏感项目吗_CSS工具与框架性能问题分析
- 12 javascript如何实现地理定位_浏览器API有哪些限制?
- 13 css段落首行样式不同怎么写_使用css::first line
- 14 html5怎么用flexbox排版_html5flex布局实现页面居中技巧【指南】
- 15 css定位元素撑不开父容器怎么办_定位元素不参与父级高度计算
更多>
最新教程
-
- Node.js 教程
- 14314 2025-08-28
-
- CSS3 教程
- 1541136 2025-08-27
-
- Rust 教程
- 22010 2025-08-27
-
- Vue 教程
- 24504 2025-08-22
-
- PostgreSQL 教程
- 21199 2025-08-21
-
- Git 教程
- 8348 2025-08-21
jQuery自适应通栏宽屏banner幻灯片切换特效
这是一款代码简洁的jQuery自适应通栏宽屏banner幻灯片切换特效,jQuery自适应全屏BANNER焦点图代码。
js代码
<script type="text/javascript">
$(".fullSlide").hover(function(){
$(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function(){
$(this).find(".prev,.next").fadeOut()
});
$(".fullSlide").slide({
titCell: ".hd ul",
mainCell: ".bd ul",
effect: "fold",
autoPlay: true,
autoPage: true,
trigger: "click",
startFun: function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
}
}
});
</script>
js代码
<script type="text/javascript">
$(".fullSlide").hover(function(){
$(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function(){
$(this).find(".prev,.next").fadeOut()
});
$(".fullSlide").slide({
titCell: ".hd ul",
mainCell: ".bd ul",
effect: "fold",
autoPlay: true,
autoPage: true,
trigger: "click",
startFun: function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
}
}
});
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
