首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

要如何样在aspx网页中加入动态的图片啊

2012-01-24 
要怎么样在aspx网页中加入动态的图片啊?现在用asp.net编写网页,要怎么让图片成为上下滚动的那种形式呢?mar

要怎么样在aspx网页中加入动态的图片啊?
现在用asp.net编写网页,要怎么让图片成为上下滚动的那种形式呢?
    marquee用不了..
    可以在CSS中实现吗?

[解决办法]
marquee用不了?为什么用不了,没有描述清楚
[解决办法]
marquee怎么用不了?莫名其妙

具体用法自己找
[解决办法]
1.将下面的代码复制到显示效果的位置
<script language= "JavaScript1.2 ">

/*
Up down slideshow Script- Updated: 99/05/15
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100 's more scripts, visit http://dynamicdrive.com
*/

///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth=103
var scrollerheight=106
var scrollerbgcolor= 'white '
//3000 miliseconds=3 seconds
var pausebetweenimages=3000


//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]= ' <a href= "../../../www.cnn.com/index.html "> <img src= "PE01805A.gif " border= "0 "> </a> '
slideimages[1]= ' <img src= "PE01803A.gif "> '
slideimages[2]= ' <img src= "TN00411A.gif "> '
slideimages[3]= ' <img src= "PE02054A.gif "> '
slideimages[4]= ' <img src= "cake.gif "> '
//extend this list

///////Do not edit pass this line///////////////////////


if (slideimages.length> 1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top> 0&&tlayer.top <=5){
tlayer.top=0
setTimeout( "move1(tlayer) ",pausebetweenimages)
setTimeout( "move2(document.main.document.second) ",pausebetweenimages)
return
}
if (tlayer.top> =tlayer.document.height*-1){
tlayer.top-=5
setTimeout( "move1(tlayer) ",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top> 0&&tlayer2.top <=5){
tlayer2.top=0
setTimeout( "move2(tlayer2) ",pausebetweenimages)
setTimeout( "move1(document.main.document.first) ",pausebetweenimages)
return
}
if (tlayer2.top> =tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout( "move2(tlayer2) ",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop> 0&&tdiv.style.pixelTop <=5){
tdiv.style.pixelTop=0
setTimeout( "move3(tdiv) ",pausebetweenimages)
setTimeout( "move4(second2) ",pausebetweenimages)
return
}
if (tdiv.style.pixelTop> =tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout( "move3(tdiv) ",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0


else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop> 0&&tdiv2.style.pixelTop <=5){
tdiv2.style.pixelTop=0
setTimeout( "move4(tdiv2) ",pausebetweenimages)
setTimeout( "move3(first2) ",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop> =tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout( "move4(second2) ",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
document.main.visibility= 'show '
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility= 'show '
}
}

window.onload=startscroll

</script>


<ilayer id= "main " width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id= "first " left=0 top=1 width=&{scrollerwidth}; >
<script language= "JavaScript1.2 ">
if (document.layers)
document.write(slideimages[0])
</script>
</layer> <layer id= "second " left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language= "JavaScript1.2 ">
if (document.layers)
document.write(slideimages[1])
</script>
</layer> </ilayer> <script language= "JavaScript1.2 ">
if (document.all){
document.writeln( ' <span id= "main2 " style= "position:relative;width: '+scrollerwidth+ ';height: '+scrollerheight+ ';overflow:hiden;background-color: '+scrollerbgcolor+ ' "> ')
document.writeln( ' <div style= "position:absolute;width: '+scrollerwidth+ ';height: '+scrollerheight+ ';clip:rect(0 '+scrollerwidth+ ' '+scrollerheight+ ' 0);left:0;top:0 "> ')
document.writeln( ' <div id= "first2 " style= "position:absolute;width: '+scrollerwidth+ ';left:0;top:1; "> ')
document.write(slideimages[0])
document.writeln( ' </div> ')
document.writeln( ' <div id= "second2 " style= "position:absolute;width: '+scrollerwidth+ ';left:0;top:0 "> ')
document.write(slideimages[1])
document.writeln( ' </div> ')
document.writeln( ' </div> ')
document.writeln( ' </span> ')
}
</script>

<p align= "center "> <font face= "Arial " size= "-2 "> Free DHTML scripts provided by <br>
<a href= "../../../dynamicdrive.com/index.html "> Dynamic Drive </a> </font> <p> </p>

2.将其中这段代码改为

//输入你的图片代码
var slideimages=new Array()
slideimages[0]= ' <a href= "http://www.cnn.com "> <img src= "PE01805A.gif " border= "0 "> </a> '
slideimages[1]= ' <img src= "PE01803A.gif "> '
slideimages[2]= ' <img src= "TN00411A.gif "> '
slideimages[3]= ' <img src= "PE02054A.gif "> '
slideimages[4]= ' <img src= "cake.gif "> '
//extend this list
[解决办法]


marquee完全可以
[解决办法]
如果你使用vs2005的话,在页面的html显示状态.vs2005顶部有个标准下拉框,你把他调成Internet Explorer 6.
[解决办法]
marquee就可以了啊
[解决办法]
marquee用不了 是不是你没有放在 <TD> 中
<TD> <marquee.......... </TD>
[解决办法]
怎么可能用不了?

只要是html中就可以用

搂主自己写的不对吧

热点排行