JavaScript 图片无缝滚动
<!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" />
<title>无标题文档</title>
<mce:style type="text/css"><!--
div,ul {margin:0; padding:0;}
li {float:left; list-style:none}
img {border:0;}
#img_change {position:relative; width:450px; height:296px; background-color:#FC3; overflow:hidden; z-index:1;}
#img_list {position:absolute; top:0px; left:0px; width:1800px; height:296px;}
#img_backdiv {position:absolute;width:450px; height:70px; background-color:#000; bottom:0; z-index:1; filter:alpha(opacity=50);
-moz-opacity:0.5; opacity: 0.5;}
#img_btn {position:absolute;width:450px; height:70px; bottom:0; z-index:3;}
#img_btn li {margin-top:10px; margin-left:30px; border:#666 solid 2px; height:50px;}
#img_btn .imgchange { border:#FFF solid 2px;}
--></mce:style><style type="text/css" mce_bogus="1">div,ul {margin:0; padding:0;}
li {float:left; list-style:none}
img {border:0;}
#img_change {position:relative; width:450px; height:296px; background-color:#FC3; overflow:hidden; z-index:1;}
#img_list {position:absolute; top:0px; left:0px; width:1800px; height:296px;}
#img_backdiv {position:absolute;width:450px; height:70px; background-color:#000; bottom:0; z-index:1; filter:alpha(opacity=50);
-moz-opacity:0.5; opacity: 0.5;}
#img_btn {position:absolute;width:450px; height:70px; bottom:0; z-index:3;}
#img_btn li {margin-top:10px; margin-left:30px; border:#666 solid 2px; height:50px;}
#img_btn .imgchange { border:#FFF solid 2px;}</style>
<mce:script type="text/javascript"><!--
function $(id) { return document.getElementById(id); }
function className(){
var elemList = $('img_btn').getElementsByTagName('li'
相关文档:
我们知道,javascript在执行期时是由内到外执行脚本的,那么离我们的脚本最远的全局对象,很可能要跨越几层作用域对能访问到它。不过在IE中,从最内层到最外层要花的时间比其他多出很多。加之,javascript是一种胶水语言,它必须要调用DOM对能完成我们大多数选择。最著名的就是选择元素(document.getElementById,documen ......
JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。
一、
程序控制流
在任何一种语言中,程序控制流是必须的,它能使得整个程序减小混乱,使之顺利按其一定的方式执行。下面是
JavaScript常用的程序控制流结构及语句:
1、if条件语句
基本
格式
if(表述式)
语句段1;
......
JavaScript语言是基于对象的(Object-Based),而不是面向对象的(object-
oriented)。之所以说它是一门基于对象的语言,主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复
杂对象统一起来,从而形成一个非常强大的对象系统。
虽然JavaScript语言是一门基于对象 ......
1 >屏蔽功能类
1.1 屏蔽键盘所有键
<script. language="javascript">
<!--
function document.onkeydown(){
event.keyCode = 0;
event.returnvalue = false;
}
-->
</script>
1.2 屏蔽鼠标右键
在body标签里加上oncontextmenu=self.event.returnvalue=false
或者
<scri ......
事件源对象
event.srcElement.tagName
event.srcElement.type 捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture(); 事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey 事件返回值
event.returnValue 鼠标位置
event.x
event.y 窗体 ......