滚动图片切换连播(JavaScript特效 | JS特效源代码)
符合 XHTML 1.0 Transitional
<!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>
<mce:style type="text/css"><!--
/*图片切换样式开始*/
#ImgChangeMain {WIDTH:356px; HEIGHT:160px;margin:auto; overflow:hidden}
#ImgChangeDATA {display:none;visibility:hidden}
.ImgChange1 { FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 100%; LINE-HEIGHT:26px; TEXT-ALIGN: center;filter:revealTrans(Transition=23,Duration=2) }
.ImgChange1 A { color:#0F0CBF;TEXT-DECORATION: none }
.ImgChange1 A:hover { COLOR: #ff0000; TEXT-DECORATION: underline }
#ImgChangeTitle{ display:block; }
#ImgChangeNUM {FILTER:ALPHA(opacity=70);position:relative;overflow:hidden;z-index:100;height:14px;top:-40px;}
#ImgChangeNUM span { font-size:12px;FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-FAMILY: Arial ; border-left:1px solid #FFFFFF;background:#666666;cursor:pointer;padding:5px}
/*图片切换样式结束*/
--></mce:style><style type="text/css" mce_bogus="1">/*图片切换样式开始*/
#ImgChangeMain {WIDTH:356px; HEIGHT:160px;margin:auto; overflow:hidden}
#ImgChangeDATA {display:none;visibility:hidden}
.ImgChange1 { FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 100%; LINE-HEIGHT:26px; TEXT-ALIGN: center;filter:revealTrans(Transition=23,Duration=2) }
.ImgChange1 A { color:#0F0CBF;TEXT-DECORATION: none }
.ImgChange1 A:hover { COLOR: #ff0000; TEXT-DECORATION: underline }
#ImgChangeTitle{ display:block; }
#ImgChangeNUM {FILTER:ALPHA(opacity=70);position:relative;overflow:hidden;z-index:100;height:14px;top:-40px;}
#ImgChangeNUM span { font-size:12px;FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-FAMILY: Arial ; border-left:1px solid #FFFFFF;background:#666666;cursor:pointer;padding:5px}
/*图片切换样式结束*/</style>
</head>
<body&
相关文档:
在javascript中得到当前窗口的高和宽
<body><SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clien ......
The jLayout JavaScript library provides layout algorithms for laying out components. A component is an abstraction; it can be implemented in many ways, for example as items in a HTML5 Canvas drawing or as HTML elements. The jLayout library allows you to focus on drawing the individual components i ......
JSON:
[{"subjecttypeId":"1","subjectName":"67","scope":"1",},{"subjecttypeId":"1","subjectName":"345","scope":"1"}]
JavaScript:
var result = window.eval('(' + JSON+ ')');
for(var p in result){
result[p].subjectName;
alert(result[p] ......