js向上切换幻灯效果

7,930次阅读
没有评论

共计 2102 个字符,预计需要花费 6 分钟才能阅读完成。

我这个效果也不是太复杂,是前段时间做的。因为最近一直在忙所以一直没时间上传这个效果下看一下效果图:

点击查看原图

做这个效果之前想说一下,首先你的 css 样式
一定要熟悉。要不是做不出来的。

说一下这里用到的 javascript 的主要语法吧

就是设置时间的函数

setTimeout()

clearTimeout()

语法:

var t=setTimeout("javascript 语句", 毫秒)

 

setTimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout(),你可以使用这个变量名来指定它。

setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 “alert(‘5 seconds!’)”,或者对函数的调用,诸如 alertMsg()”。

第二个参数指示从当前起多少毫秒后执行第一个参数。

提示:
1000 毫秒等于一秒。

别的不多说了,下面来看下源码

 无标题页 



homehome

homehomehomehomehome

Marc built the international storefront for Motorola Android handset owners. Personalization, app matchmaking, staff recommendations, flexible payment options and more makes it the best way to find great apps.

第二个

homehomehomehomehome

Marc built the international storefront for Motorola Android handset owners. Personalization, app matchmaking, staff recommendations, flexible payment options and more makes it the best way to find great apps.

这是源码部分,大家可以看一下,有什么不明白 的可以留言给我。

DEMO:js 向上切换幻灯效果

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-12发表,共计2102字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)