K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

kingcms asp 文章管理与king标签实现动态幻灯片效果

1Next >

dujun0618 发表于:12-07-14 08:38 [添加收藏] 楼主 [回复] #Top#
dujun0618 人气:149 积分:7 金币:26656
现在网站首页都会有幻灯片效果,好处很多,美观的同时还能让网站内容丰富。然而幻灯片里的内容要是能让后台控制那就更好了。如下图:

kingcms asp 文章管理与king标签实现动态幻灯片效果[图1]
 

kingcms模板的代码实现如下:
<DIV id="container">
        <DIV class=flash-box>
            <H2>频道动态</H2>
            <DIV class=big-pic id=SwitchBigPic>
            {king:article type="head" number="6" listid="28"}
                  <A href="(king:path/)" blockid="2360" title="(king:title/)"><IMG src="(king:image width="270" height="220"/)"></A> 
            {/king}
            </DIV>
            <DIV class=pic-list_0810>
                <div id=ul_recom>
                {king:article type="head" number="6" listid="28"}
                    <A id=SwitchSmaPic_(king:++a/) name="imgcount" title="(king:title/)" href="(king:path/)" blockid="2360"><IMG src="(king:image width="40" height="30"/)"><SPAN><STRONG>(king:title/)</STRONG></SPAN><SPAN>(king:description/)</SPAN></A>
                {/king}
                </div>
           </DIV>
            <SCRIPT>
       var imgcount= document.getElementsByName("imgcount").length;
                if(imgcount>0)document.getElementsByName("imgcount").item(0).className="currA";
   
                var Today_recom={
                        step:42,
                        totalcount:imgcount,
                        a_pre:"",
                        a_next:"",
                        ul:'ul_recom'
                    };
       
                    var IndexRecom={    
                        bigpic:"SwitchBigPic", //大图DIV之ID通用部分
                        step:223,
                        smallpic:"SwitchSmaPic",//小图之ID通用部分 
                        selectstyle:"currA", //小图被选中之后的CSS
                        pictxt:"", //配套图片文字
                        totalcount:imgcount,     //图片数量
                        autotimeintval:6000,
                        objname:"IndexRecom" //对象名称 
                    } ;
                </SCRIPT>
        </DIV>
    </DIV>
    <SCRIPT src="/template/js/loader.js" type=text/javascript></SCRIPT>

以上代码里,红色部分是要修改kingcms的代码的,因为默认情况下,(king:++/)是从1开始的序号,而这个js特效序号要从0开始,我想修改js代码的难度大多了。因为特效是一个整体,不容易修改的。

所以修改kingcms代码是最好的方法。
修改方法:
/page/Article/fun.asp文件,function king_tag_article(tag,invalue)函数,king.value "++",i+1这行代码后面添加一行king.value "++a",i就OK了。

以上js特效的全部代码本站提供地址:《2010最新迅雷首页轮换焦点图幻灯片
文章出处:http://www.cnit618.com/html/kyxt/kingcms/2649.htm

momotui 发表于:12-07-24 17:03 沙发 [回复] #Top#
momotui 人气:3 积分:4 金币:41
学习了,收藏起来~
ppvv1234 发表于:12-07-28 15:17 板凳 [回复] #Top#
ppvv1234 人气:0 积分:0 金币:20
谢谢分享  KING就需要楼主这样无私的人
aipu123com 发表于:12-08-27 18:24 4楼 [回复] #Top#
aipu123com 人气:0 积分:7 金币:20
学习了。

1Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

关于我们 联系我们 广告报价 付款方式 站点导航

Copyright © 2004-2015 Focuznet All rights reserved.

广州唯众网络科技有限公司 粤ICP备08008106号