读书人

问一个关于页面中使用JS特果的有关问题

发布时间: 2012-01-20 18:53:53 作者: rapoo

问一个关于页面中使用JS特果的问题
一个页面中,我要使用图片的反复播放的效果

下面的这段JS代码,是从新浪博客上弄下来的,因为要实现从数据库中读取,就不知道怎么弄了

怎么样让这些JS代码中的一些变量从数据库中读,用什么控件,还是动态生成JS?
如何动态生成,刚才我试了把这代JS代码保存为**.JS,然后在页面中引用,起不了作用

<script language=javascript type=text/javascript>
<!--
/* Data begin */
var sPicArr = new Array();

sPicArr[0] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D22532F147DT20070129152318.jpg ",
"韩国美女全智贤激情写真 ",
"  看过电影《我的野蛮女友》的人相信对女主角全智贤都有着深刻的印象。被称为韩国第一美女的她不但有着天使的脸蛋和魔鬼般的身材,而且还是韩国有名的摇头舞霸,她那苗条的身材和绚丽的舞姿令人叹服不已。下面盘…… ",
"http://blog.sina.com.cn/u/493fefb8010007ns ",
" "
);

sPicArr[1] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D22307F147DT20070126164715.jpg ",
"名模谢东娜性感妩媚写真 ",
"  东方名模谢东娜皮肤雪白细腻,头发乌黑柔顺,眼神之中总是带有一点羞赧。迷人的东方气质让她在T台上璀璨夺目。下面的几组写真无不展示了东方人应有的高贵气质。 <br /> ",
"http://blog.sina.com.cn/u/493fefb8010007n5 ",
" "
);

sPicArr[2] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D22163F147DT20070125155620.jpg ",
"秦海璐妖艳写真曝光 ",
"  狮子座的秦海璐,虽年纪不大,但对别人的批评不以为然,绝对没有因人家狠狠地一句“最丑影后”打沉,因为她早知自己不是卖靓样求存,她要的不是人家的一、两句赞美,而是要建立一个秦海璐的电影王国,登上一个很实在…… ",
"http://blog.sina.com.cn/u/4a9ff35f0100072o ",
" "
);

sPicArr[3] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D22002F147DT20070124155415.jpg ",
"范冰冰野外惊艳沐浴写真 ",
"  范冰冰可以说是娱乐圈最多话题的女星,整容、傍富商、踢记者等,几乎是有范冰冰出现的地方就会有新鲜的娱乐新闻出街。能有今天的成绩可以说是与她的话题分不开的。范冰冰不仅会制造话题,而且拍写真也拍得唯美…… ",
"http://blog.sina.com.cn/u/493fefb8010007m5 ",
" "
);

sPicArr[4] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D21845F147DT20070123162454.jpg ",
"美少女吴佩慈妩媚写真 ",
"  吴佩慈肌肤娇嫩如雪,性感写真千娇百媚2007年1月20日,“九头身”美少女吴佩慈(blog)刚刚为某杂志拍摄了一辑性感写真——吴佩慈在镜头前千娇百媚,肌肤娇嫩如雪。 <br /> ",
"http://blog.sina.com.cn/u/493fefb8010007jo ",
" "
);

sPicArr[5] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D21698F147DT20070122162648.jpg ",
"章子怡与外国男友亲密照 ",
"  章子怡:因《我的父亲母亲》及《卧虎藏龙》红遍全球后,章子怡的爱情也成了捕风捉影的对象。与张艺谋、与富家子弟的恋情都能成为媒体头条。前天,众多名人到现场观看纽约尼克斯与新泽西网队的球赛,其中最为人…… ",
"http://blog.sina.com.cn/u/44491d9d010006we ",
" "
);

sPicArr[6] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D21443F147DT20070119160820.jpg ",
"范冰冰艳丽替身照曝光 ",
"  这位美女和范冰冰是有几点像,特别是眼睛和鼻子,而且比范冰冰本人还要艳丽,做替身绝对有资格和OK啦。 <br /> ",
"http://blog.sina.com.cn/u/493fefb8010007hw ",
" "
);

sPicArr[7] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D21213F147DT20070118160007.jpg ",
"黄金甲巩俐替身照曝光 ",
"  近日,模特李志莹在其博客上曝料自己是《黄金甲》中巩俐的替身。有记者随后辗转联系到她本人,却惊奇地得知不仅是巩俐,周润发、刘烨等大牌演员都有替身。李志莹表示:“你们在银幕上看到主角的背影、侧影等不…… ",
"http://blog.sina.com.cn/u/4a9ff35f010006y9 ",
" "
);

sPicArr[8] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D21093F147DT20070117161054.jpg ",
"李连杰不为人知的秘密 ",
"  黄秋燕的名字对今天很多李连杰的影迷来说似乎早已模糊了,淡忘了,如果不是李连杰说起,很多人或许还不知道她是李连杰长达二十年的同门师姐,是他的前妻,她与李连杰还有一对已经到了豆蔻年华的女儿。他们那段…… ",


"http://blog.sina.com.cn/u/4a9ff35f010006yd ",
" "
);

sPicArr[9] = new Array(
"http://image2.sina.com.cn/blog/http/blog.sina.com.cn/u/U1610P346T8D20931F147DT20070116162428.jpg ",
"《男人帮》性感月历曝光 ",
"  男人看的杂志《男人帮》2007年性感尤物月历曝光。 <br /> ",
"http://blog.sina.com.cn/u/49d0afb2010008np ",
" "
);


/* Data end */

function GetObj(objName){
if(document.getElementById){
return eval( 'document.getElementById( " ' + objName + ' ") ');
}else if(document.layers){
return eval( "document.layers[ ' " + objName + " '] ");
}else{
return eval( 'document.all. ' + objName);
}
}
var plPic = new Image();
var gIndex = 0;
function SlidePic(index){
gIndex = index;
//patch by dorian 1017
if ( 'Microsoft Internet Explorer ' == navigator.appName)
{
document.images[ "slidePic "].filters.item(0).Apply();
}

document.images[ "slidePic "].src = sPicArr[index][0];
document.images[ "slidePic "].alt = sPicArr[index][1];
GetObj( "slidePicLink ").href = sPicArr[index][3];
GetObj( "slideTitle ").innerHTML = sPicArr[index][1];
GetObj( "slideDesc ").innerHTML = sPicArr[index][2];
GetObj( "slideLink ").innerHTML = " <!--[ <a href= ' "+sPicArr[index][3]+ " ' target=_blank title= '全文 '> 全文 </a> ][ <a href= ' "+sPicArr[index][4]+ " ' target=_blank title= '评论 '> 评论 </a> ]--> ";


if((index+1) <sPicArr.length) plPic.src = sPicArr[index+1][0];//preload;

for(var i=0;i <sPicArr.length;i++){
GetObj( "item "+i).className = "itemOff ";
GetObj( "item "+i).onmouseover = function(){return false;}
GetObj( "item "+i).onmouseout = function(){return false;}
}
GetObj( "item "+index).className = "itemOn ";
/*fixed by AmourGUO, 051017
GetObj( "item "+index).onmouseover = function(){
pauseslide();
}
GetObj( "item "+index).onmouseout = function(){
inislide();
}
*/
if ( 'Microsoft Internet Explorer ' == navigator.appName)
{
document.images[ "slidePic "].filters.item(0).play();
}

}

function NextPic(){
gIndex = ((gIndex+1)> =sPicArr.length?0:(gIndex+1));
SlidePic(gIndex);
}

function PrevPic(){
//alert(gIndex);
gIndex = ((gIndex-1) <0?(sPicArr.length-1):(gIndex-1));
//alert(gIndex);
SlidePic(gIndex);

}
var sid;
function inislide()
{
if(sid==null) sid = setInterval( 'NextPic() ', 6000);//fixed by AmourGUO, 051017


}
function pauseslide()
{
clearInterval(sid);
sid = null;//fixed by AmourGUO, 051017
}

//-->
</script>

[解决办法]
sPicArr[0] = new Array(========> 你可以读取数据库生成这些数组.如:sPicArr[0] = new Array( <%=GetArray()%> );protected string GetArray(){ return "\ "aaa\ ",\ "bbb\ " ";}
[解决办法]
把问题描述清楚一点,,贴这么一大段代码,,
大伙怎么回答你
[解决办法]
很好办
数组定义单独取出来即可,其它不动;
int = 0;
string a = " <script> ";
while(dr.Read())
{
a += "sPicArr[ " + i.ToString() + "] = Array( ' " + dr[ "url "].ToString() + " ', ' " + dr[ "Title "].ToString() + " ');\r\n "; //数组定义与原来的一致即可
i++;
}
a += " </script> ";

Response.Write(a);或者赋值给Literal控件都可以

读书人网 >asp.net

热点推荐