<body onDblClick="s=setInterval(‘scrollBy(0,2)‘,50)" onMousedown="clearInterval(s)" >
时间： 2024-08-10 08:17:29
js实现双击滚屏效果
js实现双击滚屏效果的相关文章
JS 滚轮事件 滚屏效果
浏览器差异:firefox滚轮事件是DOMMouseScroll,其他浏览器使用的是mousewheel firefox事件的event对象使用detail值表示滚轮反向,(-3)表示向上,(3)表示向下. 其他浏览器使用wheelDelta值表示表示滚轮方向,(120)表示向上, (-120)表示向下. 监听事件,删除监听事件:IE678使用attachEvent/detachEvent, 其他浏览器使用addEventListener/removeEventListener. 有Kissy版
FineReport中如何实现自动滚屏效果
对于一些特殊的模板,可能为了展示的更加丰富.全面会在一个页面放置很多图表.表格等内容.由于内容过多,超出了浏览器窗口的大小导致内容展示不全的情况.这样我们就需要用到JS滚屏效果来解决,这里主要介绍在FineReport中的具体制作方法. 添加加载结束事件 点击菜单模板>模板web属性>分页预览设置,选择"为该模板单独设置",添加一个"加载结束"后事件,如下图所示: JS代码如下: //从页面加载结束后延迟2000MS执行事件(滚动) setTimeout
编程练习--模拟安装程序时的信息滚屏效果
第一次安装Discuz时,有一个数据库的安装过程,看到会自动滚屏显示的信息,感觉非常好奇,由于当时主要从事后端程序的开发,对前端这些神奇的效果,也只能是欣赏一下子. 现在突然想到要自己来实现这个效果,作为今天的编程练习,实属对当时那个效果的怀念. 先上一个朴素无奇的静态效果图: 点这里查看动态的在线演示效果:http://sandbox.runjs.cn/show/jvl11v0d 核心代码: function install(){ if(message.length>0){ var text
jquery实现自动滚屏效果，适用用公告新闻等滚屏
从网络上找到的例子,自己做了下扩展,原示例是向上滚动,扩展了一个向下滚动的方法: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>滚屏实验</title> <style ty
js 实现浏览器全屏效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>quanping</title> </head> <body> <div id="div" onclick="fullScreen()">全屏</div> <div
GSAP小应用——JS单页滚屏
好吧,第一次写,比想像中的花时间呢,总算是写好了.也好久没写博客了,就发上来看看吧! 说明:就是一个很普通的单屏滚动效果,一次滚一屏那样子. PS:有了这个,再加上TimelineMax,那不就~~ <(￣︶￣)> PS2:用的是touch事件,只有在手机浏览器或像chrome手机模拟器之类的浏览器中才能看到效果! <!DOCTYPE html> <html> <head> <title>js单屏滚动</title> <met
文字通知滚屏效果
网上方法有很多,但是太复杂,我在此只收录两种 代码区: css随意,JS代码:每过三秒换一条,移动速度为500,循环滚动 效果 还有一种旧的方法,已经被启用,是连续循环,无停顿的一种,也比较简洁 <MARQUEE id=a onmouseover=a.stop() style="FONT-SIZE: 9pt; COLOR: white" onmouseout=a.start() scrollAmount=2 direction=up width=150 bgColor=#6699
用JQ扒皮下百度书籍预售页面的单屏滚页效果
今天的项目需要做到一个介绍页面,我主动提出走单屏滚页的风格,毕竟交互性好,逼格也高,具体效果可以参照百度知道书籍预售页面. 其实现效果就大概是这样的: 还是老样子,所有步骤文件可以从我的Github上下载. 原理 滚页的方式肯定是通过animate来实现,由被点击的a标签索引来确定要从哪一页滚至哪一页的位置.同时也需要一个全局变量来存储当前页面的索引,这样方便我们通过鼠标滚轮事件来滚页. 另外这里也调用了回调事件,包括点击时被激活页面的回调,以及其它非激活页面的回调,为了提高复用我们会动用 ev
js中如何实现滚屏事件
在前端工作中使用JS来实现整屏的上下滚动,下面是JS代码: /**** * 函数:判断滚轮滚动方向 * 参数:event *返回: 方向 上 还是下 ***/ var i =0; var $screen = $("#jq_banner"); var len = $("#jq_banner ul li").length-1; var _h; _h = $screen.height(); var init =function init(){ _h = $screen.h