怎样把图片特效转换为可操作模式 - ASP

小飞俠

电梯直达

1^#

发表于 2010-1-10 07:20:21 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

特效代码如下：

程序代码：
<SCRIPT language=javascript>
var widths=630;
var heights=430;
var counts_soft=3;
img1_soft=new Image ();img1_soft.src='images/001.jpg';
img2_soft=new Image ();img2_soft.src='images/002.jpg';
img3_soft=new Image ();img3_soft.src='images/009.jpg';


url1_soft=new Image ();url1_soft.src='images/001.jpg';
url2_soft=new Image ();url2_soft.src='images/001.jpg';
url3_soft=new Image ();url3_soft.src='images/001.jpg';



var nn_soft=1;
var key_soft=0;
function change_img_soft()
{if(key_soft==0){key_soft=1;}
else if(document.all)
{document.getElementById("pic_soft").filters[0].Apply();document.getElementById("pic_soft").filters[0].Play(duration=2);}
eval('document.getElementById("pic_soft").src=img'+nn_soft+'_soft.src');
eval('document.getElementById("url_soft").href=url'+nn_soft+'_soft.src');
for (var i=1;i<=counts_soft;i++){document.getElementById("xxjdjj_soft"+i).className='axx';}
document.getElementById("xxjdjj_soft"+nn_soft).className='bxx';
nn_soft++;if(nn_soft>counts_soft){nn_soft=1;}
tt=setTimeout('change_img_soft()',3000);}
function changeimg_soft(n){nn_soft=n;window.clearInterval(tt);change_img_soft();}
document.write('<style>');
document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('</style>');
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
document.write('<div><a id="url_soft"><img id="pic_soft" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);width:100%-2px; background-color:#999999; text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
for(var i=1;i<counts_soft+1;i++){document.write('<a href="javascript:changeimg_soft('+i+');" id="xxjdjj_soft'+i+'" class="axx" target="_self">'+i+'</a>');}
document.write('</div></div>');
change_img_soft();
</SCRIPT>

现在想把里面的图片内容改为可操作模式的
定义为选取数据库中最新发布的10个
请教高手指点

收藏0

使用道具举报

ˇ风逍遥ˇ

2^#

发表于 2010-1-10 07:20:25 | 只看该作者

var widths=630;
var heights=430;
var counts_soft=3;

<%
set rs=server.createobject("adodb.recordset")
sql="select *from 表名"
rs.open sql,conn,1

i=1
do while not rs.eof
%>

img<%=i%>_soft=new Image ();img<%=i%>_soft.src='<%=rs("图片字段")%>';
ur<%=i%>_soft=new Image ();url<%=i%>_soft.src='show_news.asp?id=<%=rs("id")%>';

<%
rs.movenext
i=i+1
loop
%>

回复支持反对

使用道具举报

飘渺

3^#

发表于 2010-1-10 07:20:32 | 只看该作者

如果有什么问题你再问一下我。
那个应该不会有什么问题
因为那是我最近正在用的

回复支持反对

使用道具举报

メ阿ǒ瑞メ

4^#

发表于 2010-2-22 21:05:03 | 只看该作者

要相信自己~智商为0，呵呵，开个玩笑，娱乐一下，大家继续看贴。

回复支持反对

使用道具举报

		自动登录	找回密码
密码			注册