jQuery循环滚动展示代码 可应用到文字和图片上_jquery

企鹅博客
企鹅博客
企鹅博客
25193
文章
0
评论
2020年8月30日23:52:32 评论 44 views

看见有的同学用 Adam Cai 的代码,感觉稍显复杂而且不够 jQuery。我用只依靠 jQuery 入门的思路写了一版,代码更少使用也更简单。

在线演示: http://demo.jb51.net/js/2012/jquery_xhpic/

jQuery循环滚动展示代码 可应用到文字和图片上_jquery

[JavaScript]代码

复制代码 代码如下:

$(document).ready(function(){

$("#sItem li:not(:first)").css("display","none");

var B=$("#sItem li:last");

var C=$("#sItem li:first");

setInterval(function(){

if(B.is(":visible")){

C.fadeIn(500).addClass("in");B.hide()

}else{

$("#sItem li:visible").addClass("in");

$("#sItem li.in").next().fadeIn(500);

$("li.in").hide().removeClass("in")}

},3000) //每3秒钟切换一条,你可以根据需要更改

})

HTML 部分:

复制代码 代码如下:

  • 文字或图片
  • 文字或图片
  • 文字或图片

企鹅博客
  • 本文由 发表于 2020年8月30日23:52:32
  • 转载请务必保留本文链接:https://www.qieseo.com/423999.html
Photoshop绘制立体效果的金属质感麦克风话筒 ps教程

Photoshop绘制立体效果的金属质感麦克风话筒

下面先看看效果图 绘制麦克风第一课:插头 绘制麦克风第二课:麦克风第一步:制作麦克风咪头一、新建5×5文件,新建图层,用1象素的铅笔,前景色黑色,画出四边,关闭背景层,执行编辑-定...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: