| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 940 人关注过本帖
标题:怎样把图片特效转换为可操作模式
只看楼主 加入收藏
wuchunyu120
Rank: 1
来 自:河南南阳
等 级:新手上路
帖 子:237
专家分:0
注 册:2007-10-29
结帖率:100%
收藏
 问题点数:0 回复次数:2 
怎样把图片特效转换为可操作模式
特效代码如下:
程序代码:
<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个
请教高手指点
搜索更多相关主题的帖子: 特效 
2008-07-31 15:45
lixiouni
Rank: 1
等 级:新手上路
帖 子:16
专家分:0
注 册:2007-12-18
收藏
得分:0 
同题
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
%>
2008-08-01 10:22
lixiouni
Rank: 1
等 级:新手上路
帖 子:16
专家分:0
注 册:2007-12-18
收藏
得分:0 
答案如上
如果有什么问题你再问一下我。
那个应该不会有什么问题
因为那是我最近正在用的
2008-08-01 10:22
快速回复:怎样把图片特效转换为可操作模式
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.031014 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved