新微赢技术网
标题:
怎样把图片特效转换为可操作模式
[打印本页]
作者:
小飞俠
时间:
2010-1-10 07:20
标题:
怎样把图片特效转换为可操作模式
特效代码如下:
程序代码:
<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个
请教高手指点
作者:
ˇ风逍遥ˇ
时间:
2010-1-10 07:20
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
%>
作者:
飘渺
时间:
2010-1-10 07:20
如果有什么问题你再问一下我。
那个应该不会有什么问题
因为那是我最近正在用的
作者:
メ阿ǒ瑞メ
时间:
2010-2-22 21:05
要相信自己~智商为0,呵呵,开个玩笑,娱乐一下,大家继续看贴。
欢迎光临 新微赢技术网 (http://bbs.weiying.cn/)
Powered by Discuz! X3.2