设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
查看: 93|回复: 4
打印 上一主题 下一主题

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

[复制链接]
跳转到指定楼层
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个
请教高手指点
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,呵呵,开个玩笑,娱乐一下,大家继续看贴。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-19 16:38 , Processed in 0.079627 second(s), 10 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表