仿网易新闻中心焦点图片幻灯显示效果函数标签.doc

1、创建函数标签标签名称：163pic分页数量：5自动刷新：10查询语句：select top 4 ArticleID,ChannelID,ClassID,Title,DefaultPicUrl,Content from PE_Article where Status = 3 and (IncludePic=1 or IncludePic=2) and ChannelID=input(0) and deleted=0 and Elite=true order by ArticleID desc注：以上选择的是“推荐”图片。如果想选择最新图片，请将查询语句中的 and Elite=true去掉。优先级：5参数说明：频道ID标签内容：LoopInfobeginimgUrl$AutoID=$InstallDir$Field(1,GetChannel,1)/$Field(1,GetChannel,3)/$Field(4,Text,0,0,0)imgLink$AutoID=$InstallDir$Field(0,GetUrl,Article,1)imgtext$AutoID=$Field(3,Text,0,0,0)imgintro$AutoID=$Field(5,Text,60,2,1)Infoend/Loopdocument.write()document.write()document.write()document.write()document.write()document.write()document.write()document.write( )document.write( )document.write( )document.write( )document.write()document.write()document.write()document.write(+imgtext1+)document.write(+imgintro1+详细)document.write()document.write(+imgtext2+)document.write(+imgintro2+详细)document.write()document.write(+imgtext3+)document.write(+imgintro3+详细)document.write()document.write(+imgtext4+)document.write(+imgintro4+详细)document.write()2、模板调用新闻中心BODY PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: 宋体, serif; TEXT-ALIGN: centerDIV BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0pxFORM BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0pxIMG BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0pxUL BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0pxOL BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0pxLI BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0pxDL BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0pxDT BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0pxDD BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0pxH1 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0pxH2 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0pxH3 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0pxH4 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0pxH5 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0pxH6 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0pxLI LIST-STYLE-TYPE: noneINPUT CURSOR: pointerBUTTON CURSOR: pointerIMG VERTICAL-ALIGN: topA:link COLOR: #000; TEXT-DECORATION: noneA:visited COLOR: #83006f; TEXT-DECORATION: noneA:hover COLOR: #bc2931; TEXT-DECORATION: underlineA:active COLOR: #bc2931.left FLOAT: left.right FLOAT: right.focusArea CLEAR: both; BORDER-TOP: #ccc 1px solid; BACKGROUND: url(/cnews/img/bg.gif); MARGIN: 0px auto; WIDTH: 960px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 347px.focusArea .hot CLEAR: both; PADDING-RIGHT: 8px; PADDING-LEFT: 9px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px 1px; COLOR: #1f3a87; LINE-HEIGHT: 23px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 23px; TEXT-ALIGN: left.focusArea .hot A COLOR: #1f3a87.focusArea .hot A:hover COLOR: #bc2931.focusArea .col1 FLOAT: left; WIDTH: 460px.focusArea .col2 DISPLAY: inline; BACKGROUND: #fafafa; FLOAT: right; MARGIN: 0px 1px 0px 0px; OVERFLOW: hidden; WIDTH: 497px; HEIGHT: 320px.focusText CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 16px; PADDING-BOTTOM: 0px; PADDING-TOP: 16px; TEXT-ALIGN: left.focusText H2 FONT-WEIGHT: 100; FONT-SIZE: 20px; FLOAT: left; FONT-FAMILY: 黑体 ,Arial Black,sans-serif; TEXT-ALIGN: left.focusText H6 PADDING-RIGHT: 12px; PADDING-LEFT: 8px; BACKGROUND: url(/cnews/img/bg1.gif) no-repeat 0px -110px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 1px.focusText UL CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px.focusText LI CLEAR: both; COLOR: #1f3a87; LINE-HEIGHT: 20px.focusText H3 CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 100; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; PADDING-TOP: 12px; FONT-FAMILY: 黑体 ,Arial Black,sans-serif; TEXT-ALIGN: left.focusText H2 A COLOR: #000.focusText H3 A COLOR: #000.focusText H2 A:visited COLOR: #000.focusText H3 A:visited COLOR: #000.focusText H2 A:hover COLOR: #bc2931.focusText H3 A:hover COLOR: #bc2931.focusText H2 A:active COLOR: #bc2931.focusText H3 A:active COLOR: #bc2931.focusText H6 A COLOR: #666.focusText H6 A:visited COLOR: #666.focusText H6 A:hover COLOR: #bc2931.focusText LI A COLOR: #1f3a87.focusText LI A:hover COLOR: #bc2931.focusPic CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 464px; PADDING-TOP: 16px; TEXT-ALIGN: left.focusPic .pic CLEAR: both; OVERFLOW: hidden; HEIGHT: 250px.focusPic .pic IMG BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid.focusPic .pic UL FLOAT: right; WIDTH: 97px.focusPic .pic LI CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; TEXT-ALIGN: right.focusPic .pic .active BACKGROUND: url(/cnews/img/bg1.gif) no-repeat 0px -454px.focusPic .pic .active IMG BORDER-RIGHT: #1f3a87 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #1f3a87 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; BORDER-LEFT: #1f3a87 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #1f3a87 1px solid.focusPic .pic .active IMG:hover BORDER-RIGHT: #bc2931 1px solid; BORDER-TOP: #bc2931 1px sol