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 ......
一、什么是框架
框架Frames最主要功用是"分割"视窗,使每个"小视窗"能
显示不同的HTM
L文件,不同框架之间可以互动(interact),这就是说不同框架之间可以交换讯息与资料。例如:假设您开了两个frames,第一个frame可显
示书的目录,第二个frame则显示章节的具体内容。
框架可以将屏幕分割 ......
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 窗体 ......