<HTML>
<HEAD>
<title>test </title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<style> #g_div{text-align:right;overflow:hidden}
.b{width:24px; height:16px; background:#737373; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.b:hover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.bhover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
</style>
</HEAD>
<BODY>
<P> <FONT face="宋体"> </FONT> </P>
<FONT face="宋体"> </FONT>
<div id="g_div" style="WIDTH:270px;HEIGHT:252px">
<a href="#" target="_blank"> <img id="g_img" style="BORDER-RIGHT:green 1px solid; BORDER-TOP:green 1px solid; FILTER:revealTrans(duration=3,transition=25); BORDER-LEFT:green 1px solid; WIDTH:266px; BORDER-BOTTOM:green 1px solid; HEIGHT:220px" src="http://zi.csdn.net/xian.gif"> </a> <a href="http://www.baidu.com/" for="http://zi.csdn.net/xian.gif" target="_blank">
1.CSDN程序员 </a> <a href="http://www.126.com/" for="http://zi.csdn.net/xian.gif" target="_blank">2.CSDN程序员 </a> <a href="http://mp3.baidu.com/" for="http://zi.csdn.net/xian.gif" target="_blank">3.CSDN程序员 </a> <a href="http://post.baidu.com/" for="http://zi.csdn.net/new-mba.gif" target="_blank">4.CSDN程序员 </a> <a href="http://top.baidu.com/" for="http://zi.csdn.net/book.jpg" target="_blank">5.CSDN程序员 </a>
</div>
<form id="Form1" method="post" runat="server">
</form>
</BODY>
</HTML> <script language="JavaScript">
function f(){
var g_sec=5 //几秒后切换图片
var g_items=new Array()
var g_div=document.getElementById("g_div")
var g_img=document.getElementById("g_img")
var g_imglink=g_img.parentElement
var arr=g_div.getElementsByTagName("A")
var arr_length=arr.length
var g_index=1 var show_img=function(n){
if (/\d+/.test(n)){
var prev=g_index+1
g_index=n-1
}else{
var prev=(g_index>arr.length)?(arr_length-1):g_index+1
g_index=(g_index <arr_length-2)?(++g_index):0
}
if (document.all){
g_img.filters.revealTrans.Transition=23;
g_img.filters.revealTrans.apply();
g_img.filters.revealTrans.play();
}
arr[prev].className="b"
arr[g_index+1].className="bhover"
g_img.src=g_items[g_index].img.src
g_img.title=g_items[g_index].txt
g_imglink.href=g_items[g_index].url
g_imglink.target=g_items[g_index].target
} for(var i=1;i <arr_length;i++){
g_items.push({txt:arr[i].innerHTML,
url:arr[i].href,
target:arr[i].target,
img:(function(){var o=new Image;o.src=arr[i].getAttribute("for");return o})()})
arr[i].title=arr[i].innerHTML
arr[i].innerHTML=[i," "].join("")
arr[i].className="b"
arr[i].onclick=function(){
event.returnValue=false;
show_img(event.srcElement.innerText)
}
}
show_img(1)
var t=window.setInterval(show_img,g_sec*1000)
g_img.onmouseover=function(){window.clearInterval(t)}
g_img.onmouseout=function(){t=window.setInterval(show_img,g_sec*1000)}
} window.attachEvent("onload",f)
</script> 这是网上找的JS图片滚动,我想把它改成图片是从数据库读取出来显示!
<body>
<table align="center" width="100%">
<logic:present name="news" scope="session">
<logic:iterate id="list" name="news">
<tr> <td> <html:img src="${list.apicture1}" width="50" height="50"/> </td>
</logic:iterate>
</logic:present>
</table>
</body> 这是原先我从数据库读取图片代码!想换成上面图片滚动显示,找到这个上面js图片滚动控件,就不知道要怎么改! 哪位高手帮忙指点下!在线等!!!
<HEAD>
<title>test </title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<style> #g_div{text-align:right;overflow:hidden}
.b{width:24px; height:16px; background:#737373; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.b:hover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.bhover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
</style>
</HEAD>
<BODY>
<P> <FONT face="宋体"> </FONT> </P>
<FONT face="宋体"> </FONT>
<div id="g_div" style="WIDTH:270px;HEIGHT:252px">
<a href="#" target="_blank"> <img id="g_img" style="BORDER-RIGHT:green 1px solid; BORDER-TOP:green 1px solid; FILTER:revealTrans(duration=3,transition=25); BORDER-LEFT:green 1px solid; WIDTH:266px; BORDER-BOTTOM:green 1px solid; HEIGHT:220px" src="http://zi.csdn.net/xian.gif"> </a> <a href="http://www.baidu.com/" for="http://zi.csdn.net/xian.gif" target="_blank">
1.CSDN程序员 </a> <a href="http://www.126.com/" for="http://zi.csdn.net/xian.gif" target="_blank">2.CSDN程序员 </a> <a href="http://mp3.baidu.com/" for="http://zi.csdn.net/xian.gif" target="_blank">3.CSDN程序员 </a> <a href="http://post.baidu.com/" for="http://zi.csdn.net/new-mba.gif" target="_blank">4.CSDN程序员 </a> <a href="http://top.baidu.com/" for="http://zi.csdn.net/book.jpg" target="_blank">5.CSDN程序员 </a>
</div>
<form id="Form1" method="post" runat="server">
</form>
</BODY>
</HTML> <script language="JavaScript">
function f(){
var g_sec=5 //几秒后切换图片
var g_items=new Array()
var g_div=document.getElementById("g_div")
var g_img=document.getElementById("g_img")
var g_imglink=g_img.parentElement
var arr=g_div.getElementsByTagName("A")
var arr_length=arr.length
var g_index=1 var show_img=function(n){
if (/\d+/.test(n)){
var prev=g_index+1
g_index=n-1
}else{
var prev=(g_index>arr.length)?(arr_length-1):g_index+1
g_index=(g_index <arr_length-2)?(++g_index):0
}
if (document.all){
g_img.filters.revealTrans.Transition=23;
g_img.filters.revealTrans.apply();
g_img.filters.revealTrans.play();
}
arr[prev].className="b"
arr[g_index+1].className="bhover"
g_img.src=g_items[g_index].img.src
g_img.title=g_items[g_index].txt
g_imglink.href=g_items[g_index].url
g_imglink.target=g_items[g_index].target
} for(var i=1;i <arr_length;i++){
g_items.push({txt:arr[i].innerHTML,
url:arr[i].href,
target:arr[i].target,
img:(function(){var o=new Image;o.src=arr[i].getAttribute("for");return o})()})
arr[i].title=arr[i].innerHTML
arr[i].innerHTML=[i," "].join("")
arr[i].className="b"
arr[i].onclick=function(){
event.returnValue=false;
show_img(event.srcElement.innerText)
}
}
show_img(1)
var t=window.setInterval(show_img,g_sec*1000)
g_img.onmouseover=function(){window.clearInterval(t)}
g_img.onmouseout=function(){t=window.setInterval(show_img,g_sec*1000)}
} window.attachEvent("onload",f)
</script> 这是网上找的JS图片滚动,我想把它改成图片是从数据库读取出来显示!
<body>
<table align="center" width="100%">
<logic:present name="news" scope="session">
<logic:iterate id="list" name="news">
<tr> <td> <html:img src="${list.apicture1}" width="50" height="50"/> </td>
</logic:iterate>
</logic:present>
</table>
</body> 这是原先我从数据库读取图片代码!想换成上面图片滚动显示,找到这个上面js图片滚动控件,就不知道要怎么改! 哪位高手帮忙指点下!在线等!!!
<a href="http://www.126.com/" for="http://www.java2000.net/images/company/www.enjoyjava.net.gif" target="_blank">2.CSDN程序员 </a>
<a href="http://mp3.baidu.com/" for="http://www.java2000.net/images/company/www.enjoyjava.net.gif" target="_blank">3.CSDN程序员 </a>
<a href="http://post.baidu.com/" for="http://zi.csdn.net/new-mba.gif" target="_blank">4.CSDN程序员 </a>
<a href="http://top.baidu.com/" for="http://zi.csdn.net/book.jpg" target="_blank">5.CSDN程序员 </a>
你想办法把这段代码循环替换为你的就行了。
关键是那个 for, 里面是图片的连接