帝国论坛 → 帝国网站管理系统交流区 → 模板/标签/插件共享交流 → 刚扒的新浪博客焦点图轮播，请详细指导一下如何制作成帝国的幻灯标签 【本版专题贴子】  
 1/2     1 2 ›› ›|
主题：刚扒的新浪博客焦点图轮播，请详细指导一下如何制作成帝国的幻灯标签 [加入收藏夹]   

残阳如血
用户头衔：进士

精华贴   ：0
发贴数   ：399
经验值   ：1998
注册时间：2006-06-08
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
刚扒的新浪博客焦点图轮播，请详细指导一下如何制作成帝国的幻灯标签
稍微做了调整，见附件

上传以下附件：
[下载 *.zip](文件大小：3.12 KB,下载次数：161)



2012-04-21 23:11:22 已设置保密 顶部 回复 引用 报告 编辑 删除

残阳如血
用户头衔：进士

精华贴   ：0
发贴数   ：399
经验值   ：1998
注册时间：2006-06-08
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 2 楼]

钥匙地址见新浪官方博客首页
图示：

上传以下图片：



2012-04-21 23:14:25 已设置保密 顶部 回复 引用 报告 编辑 删除

mybird
用户头衔：举人

精华贴   ：0
发贴数   ：204
经验值   ：604
注册时间：2011-04-09
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

支持



2012-04-21 23:35:26 已设置保密 顶部 回复 引用 报告 编辑 删除

rjcn
用户头衔：举人

精华贴   ：0
发贴数   ：279
经验值   ：743
注册时间：2011-09-20
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 4 楼]

http://www.rjcn.net/
我早就扒来了

[该贴被修改 1 次，最后修改时间 2012-04-22 00:19:09 ]

嗯嗯嗯
2012-04-22 00:17:46 已设置保密 顶部 回复 引用 报告 编辑 删除

rjcn
用户头衔：举人

精华贴   ：0
发贴数   ：279
经验值   ：743
注册时间：2011-09-20
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

<!--幻灯片开始-->
<div class="part-a clearfix">
<div class="a-l">
<script  type="text/javascript" src="[!--news.url--]skin/rjcn/js/dcq.js" charset=”gb2312″></script> <!--首页幻灯片调用-->
<!-- 焦点图 begin -->
<div class="FocusImg" style="position:relative;z-index:19999;"><!--首页幻灯片调用-->
[e:loop={1,1,0,1}]   
<div class="BigPic" id="BigPic"><a href="<?=$bqsr['titleurl']?>" target="_blank" onClick="recordBlogHotPv(this, '焦点图片', '<?=esub($bqr[title],30)?>);"><img src="<?=$bqr['titlepic']?>" style="FILTER: revealTrans(duration=1,transition=23);" galleryimg="no" alt="<?=esub($bqr[title],30)?>" /></a></div>
<div class="TitleBg"></div>
<div class="TitleBox" id="TitleBox"><?=esub($bqr[title],30)?></div>
[/e:loop]
<div class="SmallPics" id="SmallPics"><!-- 小图列表 --></div>
</div>
<script type="text/javascript">
var FocusPic_01 = new FocusPic("BigPic","SmallPics","TitleBox");
[e:loop={1,4,0,1}]
FocusPic_01.Add('<?=$bqr['titlepic']?>','<?=$bqr['titlepic']?>','<?=$bqsr['titleurl']?>','<?=esub($bqr[title],30)?>');
[/e:loop]
FocusPic_01.begin();
</script>
<!--幻灯片结束-->


我用的标签
希望对你有用


嗯嗯嗯
2012-04-22 00:22:23 已设置保密 顶部 回复 引用 报告 编辑 删除

残阳如血
用户头衔：进士

精华贴   ：0
发贴数   ：399
经验值   ：1998
注册时间：2006-06-08
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 6 楼]

原帖由 rjcn 于 2012-04-22 00:22:23 发表
[code]<!--幻灯片开始-->
<div class="part-a clearfix">
<div class="a-l">
&...

相当的好，期盼你的css等



2012-04-22 06:55:17 已设置保密 顶部 回复 引用 报告 编辑 删除

残阳如血
用户头衔：进士

精华贴   ：0
发贴数   ：399
经验值   ：1998
注册时间：2006-06-08
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

.FocusImg {
        POSITION: relative
}
.FocusImg .BigPic {
        HEIGHT: 228px; TEXT-ALIGN: center
}
.FocusImg .BigPic IMG {
        BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; MARGIN: 0px auto; BORDER-LEFT: #ccc 1px solid; WIDTH: 318px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 226px
}
.FocusImg .TitleBg {
        Z-INDEX: 10; BACKGROUND: #000; FILTER: Alpha(Opacity=50); LEFT: 0px; WIDTH: 320px; POSITION: absolute; TOP: 188px; HEIGHT: 40px; opacity: 0.5
}
.FocusImg .TitleBox {
        FONT-SIZE: 18px; Z-INDEX: 20; LEFT: 0px; WIDTH: 320px; COLOR: #ffffff; LINE-HEIGHT: 23px; FONT-FAMILY: "黑体"; POSITION: absolute; TOP: 198px; HEIGHT: 30px; TEXT-ALIGN: center
}
.FocusImg A:link {
        COLOR: #fff; TEXT-DECORATION: none
}
.FocusImg A:visited {
        COLOR: #fff; TEXT-DECORATION: none
}
.FocusImg A:hover {
        COLOR: #f00; TEXT-DECORATION: underline
}
.FocusImg .SmallPics {
        BACKGROUND: #c9c9c9; OVERFLOW: hidden; ZOOM: 1; HEIGHT: 65px
}
.FocusImg .SmallPics SPAN {
        DISPLAY: inline; FLOAT: left; MARGIN: 1px 0px 0px 8px; PADDING-TOP: 7px
}
.FocusImg .SmallPics SPAN IMG {
        WIDTH: 70px; HEIGHT: 50px
}
.FocusImg .SmallPics SPAN.selected {
        BACKGROUND: url(../imgs/blog_a_cl.gif) no-repeat -605px 0px
}
.FocusImg .SmallPics SPAN.selected IMG {
        BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; WIDTH: 68px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 48px
}



上传以下图片：



2012-04-22 10:22:36 已设置保密 顶部 回复 引用 报告 编辑 删除

残阳如血
用户头衔：进士

精华贴   ：0
发贴数   ：399
经验值   ：1998
注册时间：2006-06-08
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 8 楼]

JS调用<script  type="text/javascript" src="http://www.rjcn.net/skin/rjcn/js/dcq.js" charset=”gb2312″></script>
JS内容

var TimeOut=5000;              //切换时间(单位毫秒);
var StartType="onmouseover";   //缩略图触发动作
var imgUrl=new Array();
var imgSUrl=new Array();
var imgLink=new Array();
var imgtext=new Array();
var imgAlt=new Array();
var adNum=0;

var FocusPic=function (BigPicID,SmallPicsID,TitleID) {
        this.Data=[];
        this.ImgLoad=[];
        this.TimeOut=5000;
        var adNum=0,TimeOutObj;
        if(!FocusPic.childs) {
                FocusPic.childs=[]
        };
        this.ID=FocusPic.childs.push(this)-1;
        this.Add=function (BigPic,SmallPic,Title,Url) {
                var ls;
                this.Data.push([BigPic,SmallPic,Title,Url]);
                ls=this.ImgLoad.length;
                this.ImgLoad.push(new Image);
                this.ImgLoad[ls].src=BigPic
        };
        this.TimeOutBegin=function () {
                clearInterval(TimeOutObj);
                TimeOutObj=setInterval("FocusPic.childs["+this.ID+"].next()",this.TimeOut)
        };
        this.TimeOutEnd=function () {
                clearInterval(TimeOutObj)
        };
        this.select=function (num) {
                if(num>this.Data.length-1) {
                        return
                };
                this.TimeOutBegin();
                this.adNum=num;
                if(BigPicID) {
                        if(this.$(BigPicID)) {
                                var aObj=this.$(BigPicID).getElementsByTagName("a")[0],aImg=this.$(BigPicID).getElementsByTagName("img")[0];
                                if(aImg.filters) {
                                        aImg.filters.revealTrans.Transition=23;
                                        aImg.filters.revealTrans.apply();
                                        aImg.filters.revealTrans.play()
                                };
                                aObj.href=this.Data[num][2];
                                aImg.alt=this.Data[num][3];
                                aImg.src=this.Data[num][0]
                        }
                };
                if(TitleID) {
                        if(this.$(TitleID)) {
                                this.$(TitleID).innerHTML="<a href='"+this.Data[num][2]+"' target='_blank'>"+this.Data[num][3]+"</a>"
                        }
                };
                if(SmallPicsID) {
                        if(this.$(SmallPicsID)) {
                                var sImg=this.$(SmallPicsID).getElementsByTagName("span"),i;
                                for(i=0;i<sImg.length;i++) {
                                        if(i==num) {
                                                sImg[i].className="selected"
                                        }else {
                                                sImg[i].className=""
                                        }
                                }
                        }
                }
        };
        this.next=function () {
                var temp=this.adNum;
                temp++;
                if(temp>=this.Data.length) {
                        temp=0
                };
                this.select(temp)
        };
        this.MInStopEvent=function (ObjID) {
                if(ObjID) {
                        if(this.$(ObjID)) {
                                if(this.$(ObjID).attachEvent) {
                                        this.$(ObjID).attachEvent("onmouseover",Function("FocusPic.childs["+this.ID+"].TimeOutEnd()"));
                                        this.$(ObjID).attachEvent("onmouseout",Function("FocusPic.childs["+this.ID+"].TimeOutBegin()"))
                                }else {
                                        this.$(ObjID).addEventListener("mouseover",Function("FocusPic.childs["+this.ID+"].TimeOutEnd()"),false);
                                        this.$(ObjID).addEventListener("mouseout",Function("FocusPic.childs["+this.ID+"].TimeOutBegin()"),false)
                                }
                        }
                }
        };
        this.begin=function () {
                this.MInStopEvent(TitleID);
                this.MInStopEvent(SmallPicsID);
                this.MInStopEvent(BigPicID);
                this.adNum=0;
                if(SmallPicsID) {
                        if(this.$(SmallPicsID)) {
                                var i,temp="";
                                for(i=0;i<this.Data.length;i++) {

                                        temp+='<span'+(this.adNum==i?' class="selected"':'')+'><a href="'+this.Data[i][2]+'" target="_blank"><img src="'+this.Data[i][1]+'" onmouseover="FocusPic.childs['+this.ID+'].select('+i+')" alt="'+this.Data[i][3]+'" /></a></span>'
                                };
                                this.$(SmallPicsID).innerHTML=temp
                        }
                };
                this.TimeOutBegin()
        };
        this.$=function (objName) {
                if(document.getElementById) {
                        return eval('document.getElementById("'+objName+'")')
                }else {
                        return eval('document.all.'+objName)
                }
        }
}



2012-04-22 10:23:35 已设置保密 顶部 回复 引用 报告 编辑 删除

残阳如血
用户头衔：进士

精华贴   ：0
发贴数   ：399
经验值   ：1998
注册时间：2006-06-08
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

JS和原来的有区别，是吗？



2012-04-22 10:25:55 已设置保密 顶部 回复 引用 报告 编辑 删除

fkdd1985
用户头衔：举人

精华贴   ：0
发贴数   ：159
经验值   ：871
注册时间：2012-04-12
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 10 楼]

牛人啊。。。


http://www.czwzgs.com/
2012-04-22 10:44:11 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/2     1 2 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by： EBB Version 2.2.1