javascript:google 向上向下滚动特效,兼容IE6,7,8,FF

2013-10-21  来源:本站原创  分类:javascript技巧  人气:1 

这个代码是我之前带网上找的,因为今天再次用到,所以记录下来,免得以后都找不到,我现在想去搜它的说明文档都搜不到!

2010最新全面兼容ie6,ie7,ie8,ff的CSS HACK写法

  • 轮回?修真?神话 创意新作《岐山》首度公开
  • 西游战记炫彩登场 1080P高清画面享受
  • 开测前必读 《西游战记》新手问题合辑
  • 呕血推荐 《西游战记》36大亮点纵览
  • 1开测前必读 《西游战记》新手问题合辑
  • 2开测前必读 《西游战记》新手问题合辑

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

这个代码是我之前带网上找的,因为今天再次用到,所以记录下来,免得以后都找不到,我现在想去搜它的说明文档都搜不到!

这个代码非常简洁,且浏览器兼容性超好,唯一的问题就是如果你要滚动多条的话就会有问题! 所以需要调参数C 和 样式里面的高度

相关文章
  • javascript:google 向上向下滚动特效,兼容IE6,7,8,FF 2013-10-21

    这个代码是我之前带网上找的,因为今天再次用到,所以记录下来,免得以后都找不到,我现在想去搜它的说明文档都搜不到! 2010最新全面兼容ie6,ie7,ie8,ff的CSS HACK写法 轮回?修真?神话 创意新作<岐山>首度公开 西游战记炫彩登场 1080P高清画面享受 开测前必读 <西游战记>新手问题合辑 呕血推荐 <西游战记>36大亮点纵览 1开测前必读 <西游战记>新手问题合辑 2开测前必读 <西游战记>新手问题合辑 [Ctrl+A 全选

  • 用js实现table单元格高宽调整,兼容合并单元格(兼容IE6.7.8.FF)实例 2014-11-26

    用js实现table单元格宽度和高度调整,有合并单元格也可以的.兼容IE6,7,8以及FF,附上代码css,html,js三部份,有需要的朋友可以参考一下 先上效果图: CSS: body{margin:0px;padding:0px;-moz-user-select:none;cursor:default;} .tabEditDiv{position:absolute;width:15px;height:15px;cursor:pointer;} .seltab{position:absolu

  • 鼠标放上去则向上向下滚动的代码 2014-08-13

    xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 脚本之家站长修改

  • 用js实现控制内容的向上向下滚动效果 2015-01-31

    <SCRIPT language=JavaScript1.2> iens6=document.all||document.getElementById ns4=document.layers //specify speed of scroll (greater=faster) var speed=10 if (iens6){ document.write('<div id="container" style="position:relative;width:

  • javascript实现左右控制无缝滚动 2014-05-24

    这篇文章主要介绍了javascript实现左右控制无缝滚动的方法及示例代码,需要的朋友可以参考下 无缝滚动是项目中经常需要用到的一种特效,网上也有很多的示例代码,这里给大家分享的是一段比较简单实用的,而且兼容性也不错的代码,小伙伴们仔细研究下吧. html 代码: <</SPAN>html> <</SPAN>head lang="en"> <</SPAN>meta charset="UTF-8">

  • wap图片滚动特效无css3元素纯js脚本编写 2014-10-20

    手机图片滑动切换,网上有很多这样的例子,但都借助于其他组件,让代码混乱的不行,本例介绍的是无css3元素纯js脚本编写的wap图片滚动特效 手机图片滑动切换,网上有很多这样的例子,但都借助于其他组件,让代码混乱的不行:还有就是用到css3里的 transform:translate(x,y);移动元素,不过发现在不支持css3的设备上马上完蛋了,所以下定决心自己做一个,谁知出现了很多的问题,其中最重要的是给图片加链接,网页中的上下滚动条不能在拖动图片的时候滚动,并且不能兼容pc机器上的拖动:在这

  • 热点新闻滚动特效的js代码 2014-10-25

    我们在很多大型门户网站都会有看到有些一热点新闻都会一直向上滚动,下面我就来给大家推荐一款Javascript中热点新闻滚动特效代码,有需要了解的朋友可以参考一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:

  • JavaScript获取鼠标移动时的坐标(兼容IE8.chome谷歌.Firefox) 2014-11-08

    这篇文章主要介绍了JavaScript获取鼠标移动时的坐标(兼容IE8.chome谷歌.Firefox浏览器),需要的朋友可以参考下 JavaScript获取鼠标移动时的坐标(兼容:IE8.谷歌.Firefox.Opera ),测试通过 直接复制成html文件,即可运行. 为方便大家测试特准备了一份在线演示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/

  • javascript结合CSS实现苹果开关按钮特效 2015-01-28

    这篇文章主要介绍了javascript结合CSS实现苹果开关按钮特效的方法以及全部代码,效果非常不错,兼容性也很好,有需要的小伙伴自己参考下 苹果开关按钮效果~~ 关闭时 开启时 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>apple button</title> </head>

  • jquery向上向下取整适合分页查询 2013-10-12

    这篇文章主要介绍了jquery向上向下取整适合分页查询及四舍五入,需要的朋友可以参考下 在用ajax进行分页查询时,分页的数目要用到取整函数 <script language="javascript"> var uu=Math.floor(5.36) //向下取整 结果为5 var uu=Math.floor(5.88) //结果为5 Math.ceil(5.33) //向上取整,结果为6 Math.round(5.55) //四舍五入 结果为6 math.round(5.

  • JQuery 动画卷页 返回顶部 动画特效(兼容Chrome) 2014-06-16

    JQuery 动画卷页 返回顶部 动画特效(兼容Chrome) ,学习jquery的朋友可以测试下. 首先给这些'返回页首'的链接加上个Class: <a href="#" class="backtotop" target="_self">返回页首↑</a> <!--把所有返回页首的链接加上class,例如:backtotop-->然后加入下面jQuery代码,你可以把这行代码放在</body>前,

  • JS实现文字向下滚动完整实例 2014-07-01

    这篇文章主要介绍了JS实现文字向下滚动的方法,以一个完整实例形式详细分析了html页面布局.css样式及对应的js滚动功能实现技巧,需要的朋友可以参考下 本文实例讲述了JS实现文字向下滚动的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&g

  • 固定背景实现的背景滚动特效示例分享 2014-10-11

    固定背景滚动特效,使用background-attachment: fixed和导航菜单,页面会非常平滑的滚动,感兴趣的朋友可以参考下哈希望对你有所帮助 分享一个来自corpse的固定背景滚动特效,使用background-attachment: fixed和导航菜单,页面会非常平滑的滚动. HTML <div id="cbp-fbscroller" class="cbp-fbscroller"> <nav> <a href="

  • javascript+html5实现仿flash滚动播放图片的方法 2015-01-07

    这篇文章主要介绍了javascript+html5实现仿flash滚动播放图片的方法,可实现类似Flash滚动播放的效果,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法.分享给大家供大家参考.具体如下: html部分: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> &

  • Google分析用户页面滚动深度分析jQuery插件 - jQuery Scroll Depth 2012-05-03

    日期:2012-4-29 来源:GBin1.com Google Analytics(Google分析)对于广大站长来说,肯定不是一个陌生的工具,它能提供给我们众多的网站访问相关信息及其用户使用情况分析.但是有 一个分析数据它可能无法直接提供给我们,这就是用户滚动深度(Scroll Depth)分析 - 用户滚动深度指用户访问一个页面时向下滚动的页面距离,比如,向下滚动20%,50%还是100%,这对于我们这些站长来说,可以有效地分析每个页面的曝 光度,从而有效地调整页面内容,及其相关广告位置,

  • [转载]HTML锚点效果改进平滑移动页面滚动特效实现技术 2015-01-30

    HTML锚点效果改进平滑移动页面滚动特效实现技术 maybe yes 发表于2014-12-26 14:13 原文链接 : http://blog.lmlphp.com/archives/48 来自 : LMLPHP后院 目 前市面上有很多网站的链接上都带有锚点,锚点的作用是当用户到达这个页面后,可以快速的定位到某个元素的位置.使用锚点后,一旦网页加载完成,页面就会快 速的滚动到锚点处,如果锚点在页面底部,则页面将滚动到网页底部,使得页面底部完全展现出来.直接使用原生的锚点有个弊端,就是速度太快

  • javascript实现多级联动下拉菜单的方法 2014-03-05

    这篇文章主要介绍了javascript实现多级联动下拉菜单的方法,通过javascript自定义函数实现对多级联动下拉菜单的操作,是非常实用的技巧,需要的朋友可以参考下 本文实例讲述了javascript实现多级联动下拉菜单的方法.分享给大家供大家参考.具体实现方法如下: <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var arrItems1 = new Array(); var arrItemsGrp1 = new Array

  • JavaScript模拟重力状态下抛物运动的方法 2014-03-30

    这篇文章主要介绍了JavaScript模拟重力状态下抛物运动的方法,实例分析了javascript操作dom元素模拟运动的方法,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JavaScript模拟重力状态下抛物运动的方法.分享给大家供大家参考.具体分析如下: 这段JavaScript代码模拟重力状态下的抛物运动,可设置以下参数:横向初速度.纵向初速度.重力加速度(如果这个加速度是一个随时间变化的值,就能达到其他非匀加速运动的效果了).动画间隔时间等,相对专业 <!doctype h

  • javascript 获取模态窗口的滚动位置代码 2014-04-28

    模态窗口的滚动位置获取办法还有不知道的吗?下面的方法或许对大家有所帮助,感兴趣的朋友可以了解下,希望对大家有所帮助 实验了一下午,到现在终于解决的了模态窗口的滚动位置获取办法,现在来分享一下, 其实很简单,给你的弹出模态窗口的div块设置一个id, 在js中通过 document.getElementById('divID').scrollLeft 这样获取的是向右滚动的值 同理,scrollTop 就是向下滚动的值, 其实很简单,那就说到这里

  • jQuery产品间断向下滚动效果核心代码 2014-08-04

    这篇文章主要为大家分享了jQuery产品间断向下滚动的核心代码,需要的朋友可以参考下 核心代码如下: $(function(){ var _BuyList=$("#buyList"); var Trundle = function () { _BuyList.prepend(_BuyList.find("li:last")).css('marginTop', '-85px'); _BuyList.animate({ 'marginTop': '0px' }, 800