js制作列表滚动（有滚动条）

【js制作列表滚动（有滚动条）】的更多相关文章

js制作列表滚动（有滚动条）

function mouseWheel(obj, fn){ var ff = navigator.userAgent.indexOf("Firefox"); if (ff != -1) { obj.addEventListener("DOMMouseScroll", wheel, false); }else{ obj.onmousewheel = wheel; } function wheel(event){ var event = event || window.…

用 Stellar.js 制作视差滚动效果

参考 http://doc.bropaul.com/Stellar.js/docs/ https://github.com/markdalgleish/stellar.js#download http://segmentfault.com/a/1190000002566463#articleHeader2 这个更有用 html 单个元素选项中data-stellar-background-ratio比较常用. 接受一个正整数的值,可以改变它被应用到元素的影响速度. 例如,data-stellar…

js 实现文字列表滚动效果

今天要实现抽奖名单在首页滚动展示的效果,就用js写了一个,代码如下: html代码: <style type="text/css"> *{margin:;padding:;list-style-type:none;} a,img{border:;} a,a:visited{color:#5e5e5e; text-decoration:none;} a:hover{color:#b52725;text-decoration:underline;} .clear{display…

h5页面列表滚动加载数据

h5列表滚动加载数据很常见,以下分享下今天做的案例: 前言这个效果实现需要知道三个参数 1. scrollTop -- 滚动条距离顶部的高度 2. scrollHeight -- 当前页面的总高度(body总高度) 3. clientHeight -- 当前可视的页面高度(设备窗口的高度) html  <div id="loading"></div> css #loading { height: 32px; line-hei…

js鼠标滚轮滚动图片切换效果

效果体验网址:http://keleyi.com/keleyi/phtml/image/12.htm HTML文件代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh…

JQuery实现页面企业广告图片切换和新闻列表滚动效果

最近用到一个页面上图片左右切换和新闻列表滚动呈现的效果,整理如下: 前段代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea…

masonry结合json 制作无限滚动的瀑布流

做前端这行的能直接贴代码就直接贴代码了,不用多说什么别的效果需要引入jquery和jquery.masonry.min.js这两个JS JS代码如下: $(document).ready(function(){ var $container = $('.space_main_con1 .con'); var animated; var i=1; //判断是否需要 masonry.js这个里面提供动画如果是IE浏览器并且版本低于9.0 则添加动画否则就用 css3的动画(css3的动画代码…

用JS制作一个信息管理平台完整版

前言 JRedu 在之前的文章中,介绍了如何用JS制作一个实用的信息管理平台. 但是那样的平台功能过于简陋了,我们今天来继续完善一下. 首先我们回顾一下之前的内容. 1.JSON的基础知识 1.1 什么是JSON JSON是数据交互中,最常用的一种数据格式. 由于各种语言的语法都不相同,在传递数据时,可以将自己语言中的数组.对象等转换为JSON字符串. 传递之后,可以将JSON字符串,再解析为JSON对象. JSON对象的使用与JS中的对象基本相同,唯一需要区别的是,JSON中的键…

JS平滑无缝滚动实现———实现首页广告自动滚动效果（附实例）

本文我们实现纯JS方式的滚动广告效果. 先show一下成品: 首先是网页样式: 1. #demo { 2. background: #FFF; 3. overflow:hidden; 4. border: 1px dashed #CCC; 5. width: 1280px; 6. height:200px; 7. } 8. #demo img { 9. border: 3px solid #F2F2F2; 10. } 11. #indemo { 12. float: left; 13. widt…