原生javascript-无间缝滚动，封装

【原生javascript-无间缝滚动，封装】的更多相关文章

原生javascript-无间缝滚动，封装

目前支持的是竖向与横向滚动 http://lgy.1zwq.com/marScroll/ 现在分析下无间缝实现的基本思路(竖向例子): HTML结构: <div id="marScroll"> <ul> <li>01</li> <li>02</li> <li>03</li> <li>04</li> <li>05</li> </ul>…

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin:0;padding: 0;} div{position: absolute; width: 100px; height: 100px; background: red; left: 0;top: 100px;} </style> </hea…

原生javascript 基础动画函数封装(一)

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin:0;padding: 0;} div{position: absolute; width: 100px; height: 100px; background: red; left: 0;top: 100px;} </style> </hea…

javascript-无间缝滚动，封装

原生javascript-无间缝滚动,封装目前支持的是竖向与横向滚动 http://lgyweb.com/marScroll/ 现在分析下无间缝实现的基本思路(竖向例子): HTML结构: 1 <div id="marScroll"> 2 <ul> 3 <li>01</li> 4 <li>02</li> 5 <li>03</li> 6 <li>04</li> 7 &…

原生JavaScript 封装ajax

原生JavaScript 封装ajax function myajax(options){ //新建一个局部对象用来存放用户输入的各种参数 var opt={ type:options.type||"get",//获取用户输入的传输方法,可选,不写为get data:options.data||"",//获取用户输入的数据 dataType:options.dataType||"",//获取用户输入的数据类型比如json 或者xml url…

原生javascript封装动画库

****转载自自己发表于牛人部落专栏的文章**** 一.前言本文记录了自己利用原生javascript构建自己的动画库的过程,在不断改进的过程中,实现以下动画效果: 针对同一个dom元素上相继发生的动画,针对以下功能,尝试实现方案,(从一个元素向多个元素的拓展并不难,这里不做深入探究): 功能1.知道动画A和动画B的发生顺序(如A先发生,B后发生),能够按照代码撰写顺序实现动画A结束时,动画B调用功能2.在满足功能1的基础上更进一步,当不知道动画A和动画B的发生顺序(如点击按钮1触发动画A,…

原生JavaScript封装的jsonp跨域请求

原生JavaScript封装的jsonp跨域请求 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>跨域的jsonp请求</title> </head> <body> <script> (function(window,document){ //该函数接受三个参数,请求的…

原生javascript写的侧栏跟随效果

浏览网站时经常看到有的网站上,当一个页面很长的时候,设定侧栏内容会跟随滚动条滚动,我们把这种效果叫做“侧栏跟随滚动”.这种特效对提高网站浏览量.文章点击率.广告点击量都有一定效果. 侧栏跟随滚动的实现方法有很多种,比较常见的有两种,这两种方法在NEOEASE写的一篇文章中介绍的很清楚,一种是借助jQuery来实现,这种方法对于那些平时不需要加载jQuery库的网站来说,显然是一种负担(jQuery现在是越做越大了……).另外一种方法是通过原生javascript编写的效果,这种方法相比上一种,要…

js原生 + jQuery实现页面滚动字幕

js原生/jQuery实现页面滚动字幕效果 17:45:49 在新闻列表或者文章列表信息等页面中很容易要求实现字幕滚动的效果,以下为简单的实现页面中滚动字幕的效果 1.jQuery实现页面滚动字幕效果代码如下: <div class="box"> <ul class="list"> <li>这是滚动加载的第1条数据</li> <li>你猜猜这是第几条滚动加载的文字</li> <li>…

原生javascript实现老.虎机抽奖点名demo源码思路解析

想着使用原生Javascript做一个随机点名的小应用, 也可以做抽奖使用. html简单化,人名单可以通过js生成并处理. 可以非常随意的添加修改人名字. 应用想带点特效,比如老.虎机转动的特效. 思路入下: 借鉴模板引擎的思想,在页面中添加一个指定ID的script标签,我们可以在任意文本中将提前准备好的人名单复制进来并添加注释. 利用正则处理空白字符,把所有人名添加到数组当中,再删除该script节点,在这里我们只讨论名字为两个字或者三个字的. 遍历数组,此时数组的每一项是一个人名,有两个…