JavaScript滚动条的制作

【JavaScript滚动条的制作】的更多相关文章

JavaScript滚动条的制作

效果演示这个效果的制作是借助setTimeout的第三个参数.setTimeout/setInterval,这两个函数相信前端开发同学都很熟悉.它们在非IE(6-9)浏览器中还可以如下使用: view source print? 1 setTimeout(function(obj){ 2 alert(obj.a); 3 }, 2000, {a:1}); 即传了第三个参数,第三个参数将作为回调函数的参数obj传入.在非IE浏览器中都弹出了1.这样有个好处,即解决了回调函数的执行上…

利用javascript:void(0)制作假的提交按钮替代button

在写html页面,我们很自然的在表单提交的地方采用button来作为提交按钮,但是,用<button type=”button”>按钮</button>作为提交代码会有个问题,就是设置样式在不同浏览器可能会显示不同的样子,例如,下面的代码在不同浏览器就会有不同的效果: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4…

JavaScript滚动条插件源码

这是过年的时候自己写的js滚动条插件的源码,做出的效果自己并不满意,正因为做的并不满意所以回头重新巩固和深入学习js,这个插件有如下几个不太满意的地方: 内容的过度效果,可以参阅QQ客户端最近会话列表里的滚动条,它的滚动非常的平滑,简单的说就是缺少动画过渡效果. 并不算完美的兼容性,在IE6.7下的style仍然有点缺憾. 样式的不完美,例如鼠标悬浮才显示滚动条,移除后隐藏这种效果都没有写. 内部结构的混乱,需要调整内容结构. 滚动条那个图片毕竟不是美工,自己切图切的真是恶心到爆了...囧总体…

Odometer使用JavaScript和CSS制作数字滑动效果

Odometer是一个使用JavaScript和CSS技术,制作出数字上下滑动的动画效果插件,有点类似与我们的天然气的读数的动画效果,这个插件是轻量级的,压缩版本只有3kg,使用CSS3动画技术,所以运行起来非常的流畅,需要这种效果的朋友不妨试试这个插件. 所有的主题都可以自定义文字的大小和Odometer元素的标签. 兼容性 Odometer能在IE8+, FF4+, Safari 6+, Chrome等高级浏览器上完美的运行. 功能不仅仅可以让数字滑动,同样的文字也可以实现这样的效果. 指…

selenium - javascript - 滚动条

虽然WebDriver提供了操作浏览器的前进和后退方法,但对于浏览器滚动条并没有提供相应的操作方法.在这种情况下,就可以借助JavaScript来控制浏览器的滚动条.WebDriver提供了execute_script()方法来执行JavaScript代码. 用于调整浏览器滚动条位置的JavaScript代码如下:  window.scrollTo(500,450); window.scrollTo()方法用于设置浏览器窗口滚…

使用javaScript和JQuery制作经典面试题：光棒效果

使用javaScript与jQuery添加CSS样式的区别和步骤使用javaScript制作光棒效果 --首先是javaScript <script> $(function () { var lis = document.getElementsByTagName("li"); //定义DOM变量接受标签为li的元素 for (var i = 0; i < lis.length;i++){ lis[i].onmouseover = function () { //方式…

javascript插件制作学习-制作步骤

原生JavaScript插件开发学习自己制作的demo大家可以看下https://www.cnblogs.com/zimengxiyu/p/9814889.html 插件制作步骤: (一)构造函数使用时new一下生成新的实例 var myUtil=function(name,age){ this.name=name; this.age=age; } (二)使用原型模式可以让多个实例的使用一个方法 var myUtil=function(name,age){ this.name=name;…

javascript滚动条之ScrollBar.js

ScrollBar.js是一个仅仅120行的滚动条JS插件,使用非常方便详情阅读:https://git.oschina.net/wuquanyao/scrollbar.js/*================================= * ScrollBar.js beta * Author:wuquanyao * Email: ScrollBar.js是一个仅仅120行的滚动条JS插件,使用非常方便详情阅读:https://git.oschina.net/wuquanyao…

javascript中setInterval制作跑马灯的效果

html代码: javascript代码 <script type="text/javascript"> function scroll() { var title = document.title; var firstCh = title.charAt(0); var lafter = title.substring(1, title.length); document.title = lafter + firstCh; } setInterval("scrol…

javascript简易日历制作

学习记录 01.练习数组的用法 02.理解this.index的用法 03.绑定事件深入练习理解 html代码 <div id="date"> <ul id="uldate"> <li class="active">1月</li> <li>2月</li> <li>3月</li> <li>4月</li> <li>5月&…