html里的marqueen也能实现内容的滚动,但滚动是间断的,在滚动一个周期中,会有一段空白出现。如果滚动的区域比较大,空间的出现,会让页面看起来很不美观。运用JavaScript可以使这一问题得到改观,实现无间断的滚动。 上下循环滚动代码: 代码如下:<div id="demo" onmouseover="clearInterval(inter)" onmouseout="inter=setInterval(qswhMarquee,30)" style="overflow:hidden; height:60px"> <div id="demo1"> 111111111111111<...
代码如下:<style type="text/css"> .content{width:500px;height:300px;position:absolute;left:200px;top:100px;border:solid 2px red;padding:10px;overflow:hidden} dl{width:400px;height:30px;border:1px solid black;} </style> <div class="content"> <dl> <dt>测试数据1</dt> </dl> <dl> <dt>测试数据2</dt> </dl> <dl> <dt>测试数据3</dt> </dl> <dl> <dt>测试数据4</dt> </dl> <dl> <dt>测试数据5</dt> </dl> <dl> <dt>测...
比如遍历以下一维数组:代码如下:[javascript] view plaincopyprint?var a1 = [1]; var a2 = [1, 2]; var a3 = [1, 2, 3]; 虽然它们长度不一,但循环应付它们非常容易,也很优雅:代码如下:[javascript] view plaincopyprint?var dumpArrayByLoop = function(a) { for (var i = 0; i < a.length; i++) { println(a[i]); } }; 如果改用递归,则看起来比较别扭:代码如下:[javascript] view plaincopyprint...
仿qq频道上下单行多条滚动js效果代码,可用于新闻,友情链接上下间隙滚动 #nav { MARGIN: 7px auto 0px; HEIGHT: 117px } #nav #hotnews { BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 89px } #Scroll { CLEAR: both; BORDER-RIGHT: #cdc9ca 1px solid; BORDER-TOP: #cdc9ca 1px solid; PADDING-LEFT: 100px; FONT-SIZE: 12px; BACKGROUND: url(//files.jb51.net/file_images/article/201212/flscroll/n_scroll.gif) no-repeat 18px...
Web 页对话框 span,table{font-size:10pt;margin:0pt} Tip of the day -- Web 页对话框 X 帮助 1/5 你知道吗... 大家好,我是dennisboys 自动翻帖 var i=1 var timer1 var msg=new Array(); msg[0]="" msg[1]="大家好,我是dennisboys" msg[2]="我非常喜欢javascript" msg[3]="51js真是一个非常好的地方" msg[4]="我以后会常来的" msg[5]="就说到这吧,886" function nextmsg() { num.innerText=" "+i+"/5"...
如果对jQuery这东西只停留在用的层面,而不知其具体实现的话,真的很容易用出问题来。这也是为什么近期我一直不怎么推崇用jQuery,这框架的API设定就有误导人们走上歧途之嫌。 代码如下:$.fn.beautifyTable = function(options) { //定义默认配置项,再用options覆盖 return this.each(function() { var table = $(this), tbody = table.children(tbody), tr = tbody.children(tr), th = tbody.children(th), td = tbody.children...
一、前言 JavaScript语言在不同的浏览器的下有存在细微的差异,但不像DOM操作差异那么大,现在为大家列举出其中一个"for循环"的差异,并介绍如何有效的解决这种差异。 二、问题描述 在下面的 测试代码 例1 中IE6和Chrome输出的结果是不一致,IE6不执行for语句里的代码 代码如下://例1: alert("准备测试toString是否被for循环枚举出来") var forTest = { toString: 1 } for (i in forTest) { alert("toString被循环出来")//在IE6下...
一,for循环的基本写法 代码如下: 代码如下://例一for(var i=1;i<=10;i++) { alert(i); } 这段代码太简单了,我都不好意思拿出手。代码的执行结果是依次弹出1到10,PS:在早期的IE如IE6中,你把10改成10000,就能让用户一直点确定什么也不能干了哈哈——不要说是我出的主意。 由于这是一篇基础课程,所以我们回归正题来详细分析一下这段代码吧。 for循环的结构都是类似的,任意一个for循环都是这样的: for(开始前;循环进行的条...
在线演示:http://demo.jb51.net/js/2012/callboard/jQuery代码 代码如下://第二版:Newton改造 (function (win){ var callboarTimer; var callboard = $(#callboard); var callboardUl = callboard.find(ul); var callboardLi = callboard.find(li); var liLen = callboard.find(li).length; var initHeight = callboardLi.first().outerHeight(true); win.autoAnimation = function (){ if (liLen <= 1) return; var self = arg...
看见有的同学用 Adam Cai 的代码,感觉稍显复杂而且不够 jQuery。我用只依靠 jQuery 入门的思路写了一版,代码更少使用也更简单。 在线演示: http://demo.jb51.net/js/2012/jquery_xhpic/[JavaScript]代码 代码如下:$(document).ready(function(){ $("#sItem li:not(:first)").css("display","none"); var B=$("#sItem li:last"); var C=$("#sItem li:first"); setInterval(function(){ if(B.is(":visible")){ C.fadeIn(500).add...
前两个唯一的差别就是循环和判断的顺序不同,do-while比while多循环一次,我就不举例了。 for循环相信大家也熟的不能再熟了,我们就看for-in这一句。 这个其实是针对数组的,js中数组的初始化也挺奇特的比如我们在script结点里写:(另外注意下数组的初始化,用的是中括号) "); var a=[3,4,5,7]; for(var test in a){ document.write(test+": "+a[test]+""); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] for in实例二 ...
代码如下:function refresh() { var s = $(".box1"); if (!s.is(":animated")) $(".box1").animate({ marginLeft: "0px" }, "slow", function () { $(.box1 img:first).before($(.box1 img:last)); $(".box1").css("margin-left", "-206px"); }); } <div class="frame"><div class="box1"><img src="img/001.png" alt="" /><img src="img/002.png" alt="" /><img src="img/003.png" alt="" /><img src="img/004.png" alt="" /></di...
代码如下:<!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> <TITLE>分别用marquee和div+js实现首尾相连循环滚动效果</TITLE> </HEAD> <BODY> 用marquee实现首尾相连循环滚动效果(仅IE):<br /><br /> <MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=...
代码如下:<!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> <title>可配置横栏滚动Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin:0; padding:0;} body { font-size:12px;} </style> <script src="jquery-1.4.1.js" ...
代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DemoCheckBox.aspx.cs" Inherits="DemoCheckBox" %> <!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 runat="server"> <title>无标题页</title> <script src="js/jquery-1.6.min.js" type="text/javascript"></script> <scrip...