聚合新闻服务
手机wap浏览
您现在的位置: 动易模板 >> 动易中心 >> 动易美化 >> 正文
注册登陆
建站服务
视动工坊
服务项目
建站流程
建站价目
成功作品
联系信息
联系信息
视动工坊:动易认证设计师
动易模板大赛连续两次获奖
现共完成动易模板100余个
热诚欢迎定制改制动易模板
Q Q: 363881827
手机: 13153001848
Tel: 0531-83711777
Mail: wsdjqwj2003@163.com
   
[组图][非flash]幻灯片效果(图片+标题+内容)
作者:雨哲 文章来源:本站原创 点击数: 更新时间:2006-10-13 15:33:13


在后台添加自定义标签:

查询语句:
以下是引用片段:
select top 8 ArticleID,ChannelID,Title,DefaultPicUrl,Content from PE_Article where Elite = -1 and DefaultPicUrl<>"" order by ArticleID desc

标签内容:
以下是引用片段:
<style>
.itemOn {
 BORDER-RIGHT: #d3d4d6 1px solid; BORDER-TOP: #d3d4d6 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #d3d4d6 1px solid; CURSOR: default; BORDER-BOTTOM: #d3d4d6 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #f40003; TEXT-ALIGN: center
}
.itemOff {
 BORDER-RIGHT: #d3d4d6 1px solid; BORDER-TOP: #d3d4d6 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #d3d4d6 1px solid; CURSOR: pointer; BORDER-BOTTOM: #d3d4d6 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
</style>
<TABLE width="1" border=0 align=center cellPadding=0 cellSpacing=0 
bgColor=#FFFFFF class=kuan3>
  <TBODY>
  <TR>
    <TD colSpan=4 style="BORDER-RIGHT: #bab6b7 2px solid; BORDER-TOP: #bab6b7 8px solid; FILTER: revealtrans(duration=2.0,transition=12); BORDER-LEFT: #bab6b7 2px solid; BORDER-BOTTOM: #bab6b7 8px solid">
      <TABLE width=99% align="center" cellSpacing=0 bgColor=#efedf0>
        <TBODY>
        <TR>
          <TD 
          style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px" 
          vAlign=top bgColor=#333333>
            <SCRIPT language=javascript type=text/javascript>
      <!--
/* Data begin */
var sPicArr = new Array();
sPicArr[0] = new Array(
"/blog/UploadFiles_3968/200609/20060906105134421.gif",
"雨哲工作室企业网开通",
"  雨哲工作室企业站[yz81.net]为您提供网站建设…",
"http://www.yz81.net/mib/"
);
{Loop}{Infobegin}
sPicArr[{$AutoID}] = new Array(
"{$InstallDir}{$Field(1,GetChannel,1)}/{$Field(1,GetChannel,3)}/{$Field(3,Text,0,0,0)}",
"{$Field(2,Text,24,1,0)}",
"  {$Field(4,Text,45,2,0)}",
"{$InstallDir}{$Field(0,GetUrl,Article,1)}"
); 
{Infoend}{/Loop}
/* Data end */

function GetObj(objName){
if(document.getElementById){
return eval(’document.getElementById("’ + objName + ’")’);
}else if(document.layers){
return eval("document.layers[’" + objName +"’]");
}else{
return eval(’document.all.’ + objName);
}
}
var plPic = new Image();
var gIndex = 0;
function SlidePic(index){
gIndex = index;
//patch by dorian 1017
if (’Microsoft Internet Explorer’ == navigator.appName)
{
document.images["slidePic"].filters.item(0).Apply();
}
document.images["slidePic"].src = sPicArr[index][0];
document.images["slidePic"].alt = sPicArr[index][1];
GetObj("slidePicLink").href = sPicArr[index][3];
GetObj("slideTitle").innerHTML = sPicArr[index][1];
GetObj("slideDesc").innerHTML = sPicArr[index][2];
GetObj("slideLink").innerHTML = "[<a href=’"+sPicArr[index][3]+"’ target=_blank class=links title=’全文’><font color=#0000FF>全文</font></a>]";

if((index+1)<sPicArr.length) plPic.src = sPicArr[index+1][0];//preload;
for(var i=0;i<sPicArr.length;i++){
GetObj("item"+i).className = "itemOff";
GetObj("item"+i).onmouseover = function(){return false;}
GetObj("item"+i).onmouseout = function(){return false;}
}
GetObj("item"+index).className = "itemOn";
if (’Microsoft Internet Explorer’ == navigator.appName)
{
document.images["slidePic"].filters.item(0).play();
}
}
function NextPic(){
gIndex = ((gIndex+1)>=sPicArr.length?0:(gIndex+1));
SlidePic(gIndex);
}
function PrevPic(){
//alert(gIndex);
gIndex = ((gIndex-1)<0?(sPicArr.length-1):(gIndex-1));
//alert(gIndex);
SlidePic(gIndex);
}
var sid;
function inislide()
{
if(sid==null) sid = setInterval(’NextPic()’, 6000);//fixed by AmourGUO, 051017
}
function pauseslide()
{
clearInterval(sid);
sid = null;
}
//-->
  </SCRIPT>
        </TD></TR></TBODY></TABLE>
      <TABLE width=99% border="0" align="center" cellpadding="0" cellSpacing=0>
        <TBODY>
        <TR>
          <TD align="center" valign="middle"><A id=slidePicLink title="" 
            href="http://www.yz81.net/mib/" target=_blank><IMG id=slidePic onmouseover=pauseslide(); 
            style="BORDER-RIGHT: #bab6b7 0px solid; BORDER-TOP: #bab6b7 0px solid; FILTER: revealtrans(duration=2.0,transition=12); BORDER-LEFT: #bab6b7 0px solid; BORDER-BOTTOM: #bab6b7 0px solid" onmouseout=inislide(); height=137 alt="雨哲工作室企业网开通" src="/blog/UploadFiles_3968/200609/20060906105134421.gif" width=180 border=0 
            name=slidePic></A>
            <SCRIPT>document.getElementById("slidePic").src=sPicArr[0][0];</SCRIPT>
            <SCRIPT>document.getElementById("slidePicLink").href=sPicArr[0][3];</SCRIPT>
             </TD></TR>
        <TR>
          <TD>
            <TABLE onmouseover=pauseslide() onmouseout=inislide() cellSpacing=0 align=right>
              <TBODY>
              <TR>
                <TD width="10" align="right"><IMG style="CURSOR: pointer" 
                  onclick=PrevPic();pauseslide();inislide() height=17 alt=上一张 
                  src="yz_images/huanden/gw_news_img_05.gif" width=7></TD>
                <TD align="center" valign="middle">
                  <SCRIPT language=javascript type=text/javascript>
<!--
document.writeln("<table width=100% cellspacing=0>");
document.writeln("<tr>");
document.writeln("<td id=’item0’ width=14 height=11 class=itemOn onClick=’SlidePic(0)’>1</td>");
for(var i=1;i<sPicArr.length;i++){
document.writeln("<td id=’item"+i+"’ width=14 height=11 class=itemOff onClick=’SlidePic("+i+");’>"+(i+1)+"</td>");//fixed by AmourGUO, 051017
}
document.writeln("</tr>");
document.writeln("</table>");
//-->
      </SCRIPT></TD>
                <TD width="10" align="left"><IMG style="CURSOR: pointer" 
                  onclick=NextPic();pauseslide();inislide() height=17 alt=下一张 
                  src="yz_images/huanden/gw_news_img_06.gif" width=7></TD>
              </TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
      <TABLE width=100% border="0" align="center" cellpadding="0" cellSpacing=0>
        <TBODY>
        <TR>
          <TD height=1></TD>
        </TR>
        <TR>
          <TD height=1></TD>
        </TR>
        <TR>
          <TD height=1></TD>
        </TR>
        <TR>
          <TD height=64 valign="top" onmouseover=pauseslide(); onmouseout=inislide();><b><span id=slideTitle>雨哲工作室企业网开通</span></b><br>
            <SPAN id=slideDesc>  雨哲工作室企业站[yz81.net]为您提供网站建设…</SPAN>  
            <SPAN id=slideLink>[<A class=links 
            href="http://www.yz81.net/mib/" 
            target=_blank><font color=#0000FF>全文</font></A>]</SPAN>
</TD>
</TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

附图片(点击图片另存):上一张 

动易中心录入:alang    责任编辑:alang 
  • 上一个动易中心:
  • 下一个动易中心:
  • 评论主题:[非flash]幻灯片效果(图片+标题+内容)(评论内容只代表网友观点)
    版权所有:copyright 2005-2008 动易模板NO.1 核心:PowerEasy SiteWeaver™ 6.6 备案:鲁ICP备05007599号
    电话:0531-83711777(晚间)手机:13153001848 QQ:363881827 群号:一群13022466(满)二群36354619