30个JavaScript滑动和滚动效果

30个JavaScript滑动和滚动效果的相关文章

• 
  JavaScript制作滚动文本效果

  标签：Web开发

  下面是一个跑马灯效果的JavaScript文档。 Test2_1.html html head script Language="JavaScript" var msg="这是一个跑马灯效果的JavaScript文档"; var interval = 100; var spacelen = 120; var space10=" "; var seq=0; function Scroll() { len = msg.length; window.status = msg.substring(0, seq+1); seq++; if ( seq = len ) { seq = spacelen; window.setTimeou...[ 查看全文 ]

  四川蜀旺科技30

  31
• 
  javascript实现的又一个不错的滑动导航效果

  标签：Web开发

  导航,鼠标放上去看看效果 ::你会做，我也要会:: on1 第一项 第二项 第三项 on 2 第一项 第二项 第三项 on 3 第一项 第二项 第三项               [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  才子才女才气

  161
• 
  JavaScript滚动新闻类

  标签：Web开发

  程序代码 !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" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" / title滚动新闻类 - 51js.com - biyuan/title style type="text/css" body { &nbs...[ 查看全文 ]

  yuan306801350

  31
• 
  javascript:JS实现的滑动展开与折叠效果

  标签：Web开发

  需要写个滑动展开折叠的效果，搜索到无忧脚本的一篇贴子，稍加修改了下使其在FF也可应用，代码如下： 以下是引用片段： script type="text/javascript" //Url: http://bbs.51js.com/thread-61646-1-1.html //Author: 风云突变 //Modify: 枫岩 var act; function over(s,nMax){   var obj=document.getElementById(s);   var h = parseInt(obj.offsetHeight);   if (h nMax){ ...[ 查看全文 ]

  库里萌萌

  561
• 
  javascript实现的颜色块滑动的动态效果

  标签：Web开发

  页页装载效果 #color div { width:5px; height:5px; float:left; margin:0 2px; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  天海蓝蓝双子

  301
• 
  用javascript代替marquee的滚动字幕效果代码

  标签：Web开发

  由于marquee标签现在用得是越来越少了，所以滚动效果的做法大多也都改用javascript来实现了，至于不明白为什么不直接用marquee标签的朋友，不妨先阅读一下这篇文章。 第一种方法：用javascript模拟marquee的做法。 出处：网易游戏 热点新闻 滚动新闻 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 个人观点：从web可用性角度上讲，我们在采用这段代码的同时要考虑到noscript...[ 查看全文 ]

  心星21

  731
• 
  30款使用视差滚动效果的网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  如果一个网站想某些地方吸引访客的眼球，可以通过很多方式，比如放到网站的banner上，或是为内容添加特别的排版和高亮的颜色，然而除了这些还有个更吸引用户眼球的方法，就是使用视差滚动效果了。 Rimmel London Pressels Poppy Spend HotDot TEDxGUC Costa Flat vs Realism Teapot Creation NASA Prospect Boy Coy The Beast 13 Reasons Inforgraphic Los...[ 查看全文 ]

  小仙女er_

  131
• 
  30个经典漂亮视差滚动网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  大概一年前，我们还在预测视差滚动能否成为趋势，现在，视差滚动网站已经纷繁多样了，到处都有它的影子，除了新奇的体验，网站的纵深感也令人置身其中。在5月份的时候，优设推荐了一篇视差滚动指南，当下是让它真正大展身手的时候了，对这个技术感兴趣的同学移步。 今天推荐的视差滚动网站有点特别，是纵横向兼有的，还包括了flickr、tumblr、bahance等知名网站，希望你能在这里找到灵感，创建一个自己的视...[ 查看全文 ]

  玩你不商量5

  361
• 
  间隔滚动效果－兼容IE和FireFox

  标签：Web开发

  兼容IE与FF Code：间隔滚动效果－兼容IE和FireFox 14家国内银行启用CN新域名防诈骗华军,天空就暂停迅雷下载发布最新公告微软OneCare处子秀过关 拦住Word漏洞木马 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  倦止

  21
• 
  javascript之循环停顿上下滚动

  标签：Web开发

  extractNodes函数解决各浏览器的节点计算问题。FireFox把换行符也算成一个节点，很不合理啊。 先用appendChild复制前面的四个节点到底部，使得头尾是一样的内容，以作后用。记得做flash补间循环运动的时候就是这样要头尾一样。 通过setInterval隔时运行rolltxt函数。 rolltxt函数首先计算的是间隔停顿的高度，滚动多高就要停顿一下，这个高度我也不知道怎么算出来的，跟CSS有关系，我是试出来的  ...[ 查看全文 ]

  艾心疼你的心疼

  21
• 
  30个绝对优秀的JavaScript Web创意应用

  标签：Web开发

  在1-2年前，我们为满足需求会使用Macromedia Flash来进行Web应用中动态按钮、图片幻灯片甚至文本交互内容的表现；现在，在日趋完备的JavaScript框架（jQuery, Mootools, Prototype, Scriptallicious, Yahoo UI）的支持下，使用更加轻量级的脚本代码，实现了之前只有Flash可以完成的优雅效果，这给Web设计者和开发人员带来了无尽的创意思维。 那么，如何才能更有效地把这些曼妙的效果，实用性地应用到Web...[ 查看全文 ]

  充满诱惑气息

  21
• 
  JavaScript 颜色梯度和渐变效果

  标签：Web开发

  很久没写blog，太忙了。没什么时间写复杂的东西，重新把颜色渐变效果写一遍。 关于颜色的效果一般就两个，颜色梯度变化和样式的颜色渐变，前者在ie中一般用滤镜实现。 实例效果 预览效果1： 这是一个颜色梯度变化演示： 运行代码框 !DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlhead id=&...[ 查看全文 ]

  思念●朦胧瞳孔

  91
• 
  js滚动效果

  标签：Web开发

  12345678910111213141516171819202122232425262728 [ 查看全文 ]

  幸福搬搬搬

  21
• 
  CSS Javascript滑动文本选项卡显示

  标签：Web开发

  CSS+Javascript实现新闻滑动文本选项卡显示，在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容： 以下是引用片段： !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" HTMLHEADTITLE绝对经典的滑轮新闻显示(javascript+css)/TITLE META http-equiv=Content-Type content="te...[ 查看全文 ]

  CristianoRon7

  11
• 
  用javascript控制iframe滚动的代码

  标签：Web开发

  现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动条,请问如何解决啊????  img   src="demo.gif"   onmousedown="window.timer=setInterval('a.document.body.scrollTop++',10)"   onmouseup="clearInterval(window.timer)"      img   src="...[ 查看全文 ]

  Ringjsj

  21
• 
  Javascript Chinaz的不间断滚动新闻函数

  标签：Web开发

  !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" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title精彩推荐/title style type="text/css" !-- body{height:20px;line-height:20px;overflow:hidden;width:550px;margin:0 auto;font-size:14px;backgr...[ 查看全文 ]

  野生农特产品

  31
• 
  10个十分震撼的 HTML5 和 JavaScript 效果

  标签：Web开发

  作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性。如今，很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果，让你体验下一代 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待。 Breathing Galaxies 动态变换颜色和直径，可通过键盘或者鼠标产生新的形状，这个效果很炫很炫！ FlowerPower 灵...[ 查看全文 ]

  如果有一天到了

  501
• 
  javascript之水平横向滚动歌词同步的应用

  标签：Web开发

  参考地址：http://aboutplayer.com 代码如下： var lrc0, lrc1, lrc2; moveflag = false; var top, bottom; var lrcobj; var lrctop; predlt = 0; curdlt = 0; function lrcClass(tt) {   this.inr = [];   this.oTime = 0;   this.dts = -1;  &nb...[ 查看全文 ]

  潇洒0539

  221
• 
  10个让人眼花缭乱的HTML5和JavaScript效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性。如今，很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果，让你体验下一代 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待。 Breathing Galaxies   动态变换颜色和直径，可通过键盘或者鼠标产生新的形状，这个效果很炫很炫！ FlowerPowe...[ 查看全文 ]

  嘿哟淇

  131
• 
  30个漂亮的浴室设计效果图

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  [ 查看全文 ]

  一辈子的孤单zg

  21