Marquee图片无缝滚动关键词： Marquee
先了解一下对象的几个的属性：
innerHTML:设置或获取位于对象起始和结束标签内的 HTML
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度
图片上无缝滚动
<style type="text/css">
<!--
#demo {
background: #FFF;
overflo ......
<!--
/* Font Definitions */
@font-face
{font-family:宋体;
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-alt:SimSun;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:3 135135232 16 0 262145 0;}
@font-face
{font-family:"\@宋体";
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:3 135135232 16 0 262145 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
text-align:justify;
text-justify:inter-ideograph;
mso-pagination:none;
font-size:10.5pt;
mso-bidi-font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:宋体;
mso-font-kerning:1.0pt;}
h1
{mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
mso-pagination:widow-orphan;
mso-outline-level:1;
font-s ......
srcElement 是Dom事件中的事件最初指派到的元素。
比如有一个div，里面有一个按钮。你响应div的onclick事件，但实际上，你单击的只是它内部的按钮，那么，srcElement指向的，就是那个按钮。
srcElement只在IE中有效。
在Opera系列浏览器中对应的属性是target
给你一个IE下使用的例子。
<!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>无标题页</title>
<script type="text/javascript">
function onLoad()
{
document.getElementById( "myDiv" ).attachEvent( "onclick", on_myDivClick );
}
function onUnLoad()
{
document.getElementById( "myDiv" ).detachEvent( "onclick", on_myDivClick );
}
&nb ......
这是一道涵盖了初级、高级javascript
的趣味
题目，如果你在不运行程序
的条件下能正确回答下面的函数
调用的结果，那么你对javascript的理解应该比较到位了，至少我（http://www.attjs.com
站长）是这样认为的。
主要涉及javascript面向对象特性、重载、覆盖、作用域、函数特性、还有一个相对与C/C++
java特有的一个特性、优先级等JS技术
记住哦，最好不要运行代码
哦。
自评：
不运行代码而能搞定所用问题者，说明你对javascript的运行机制有深刻的理解。
如果运行了代码才能搞定问题者，说明你对你技术还持有怀疑态度，至少说明你在某些技术层面还存在问题。
如果运行了代码还不能正确回答问题着，说明你对javascript的理解还没有完全到位。
请大家注册
一个号，在下面写下你们的答案，我会为你们判断答案，不要仅写个答案，最好写出理由
。
大家可以互相参考下回帖，最终得出个正确的答案。
我相信通过此题目，大家的javascript水平或多或少都可以提高一些。
1. <mce:script type="text/javascript"><!--
2. var attjs=function(){
3. attjs.abc=function(){alert("1");};
4. attjs.prototype.abc=fu ......
现在网页上的字体是越来越小，别说是视力欠佳者就是好眼睛看久了也疼的难受，于是编写了下面这段小脚本，建议网页制作人能够加到网页代码的< head>中，以方便弱视人群放大浏览(仅适用于IE浏览器)！
代码如下：
< script language="javascript">
var i=0;
document.onkeydown = zoom;
function zoom(){
var IEKey = event.keyCode;
if (IEKey == 76) {
i++;
document.body.style.zoom=1+i/10;
}
if (IEKey == 83) {
i--;
document.body.style.zoom=1+i/10;
}
if (IEKey == 82) {
document.body.style.zoom=1;
i=1;
}
}
< /script>
代码非常简单！请按L键放大网页，按S键缩小，按R键恢复正常显示！您可以自己定义不同的按键来达到效果，如F系列功能键，这里就不再介绍了。 ......
上次说到我们在无菌环境中设计了一个事件代理函数，但性能是个问题，解决它我们需要缓存节点集合，发现节点集合不足以应对新情况时，再替换这个节点集合，重新开始匹配。下面是新的方案：
var delegate = function(selector,type,callback){
var els = $(selector);
addEvent(document,type,function(e){
var flag = true;
var node = e.srcElement || e.target;
for(var i=0,el;el = els[i++];){
if(node === el){
flag = false;
return callback.call(node,e);
}
}
if(flag){
els = $(selector);
for(var i=0,el;el = els[i++];){
if(node === el){
return callback.call(node,e);
}
}
}
},true);
}
<!doctype html>
<html lang="zh-ch" id="html">
<head>
<meta charset="utf-8" />
<meta content="IE=8" ......
最新文章 : javascript