| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1749 人关注过本帖
标题:感谢版主大人,还有一问,拜托解答---jQuery缩略图广告效果添加链接的方法! ...
取消只看楼主 加入收藏
baobaoxiaomu
Rank: 1
等 级:新手上路
帖 子:16
专家分:0
注 册:2009-11-18
结帖率:25%
收藏
已结贴  问题点数:20 回复次数:3 
感谢版主大人,还有一问,拜托解答---jQuery缩略图广告效果添加链接的方法!!
紧急求助,想在广告图片展示出来后,给广告图片加上链接,跪求大家给我个加链接的方法!

广告效果:http://www.

源代码如下:
<SCRIPT type=text/javascript>
<!--
var num = 0;
$("#nav").hide();
    $("li img").load(function(){
        num++;
        if (num==4)
        {
            $("#nav").show();
        }
    })
        .click(function(){
        
        //如果已经处于active状态,return
        if (this.className.indexOf("active")!=-1) return;
        
        //正文文字渐隐
        $("#frontText").fadeOut();
        $("#frontTextBack").fadeOut();
        $("#frontTextSub").fadeOut();

        //active状态的图片恢复原样
        $("li img.active").fadeTo(200,0.6)
        .removeClass("active")
        .animate({top:5,width:52,left:10},300)
        .parent().css({"color":"#aaa"});  //
        
        //获取数据
        var i = $(this).attr("pic");
        var t = $(this).attr("text").split("|");
        
        //当前
        $(this).animate({top:-5,width:70,height:40,left:1},100)
        .addClass("active")
        .fadeTo(200,1)
        .parent().css({"color":"white"});

        $("#back").children().addClass("gray").end()
                    .fadeTo(500,0.1,function(){
                                        //var IMG = new Image();
                                        //IMG.s
                                        $(this).children("img").attr("src","images/"+i+".jpg").removeClass("gray");     //更改图片
                                        $(this).fadeTo(500,1,function(){
                                                                $("#frontText").html(t[0]).fadeIn(200);    //更改正文文字
                                                                $("#frontTextBack").html(t[0]).fadeIn(200);    //阴影文字
                                                                $("#frontTextSub").html(t[1]).fadeIn(200)}    //副标题
                                                                );
                                        })
        })

    //初始第一张图片
   
    var i =0;

    show();

    function show(){
        if (i==$("li img").size()) i = 0
        $("li img").eq(i).click();
        i++;
        //setTimeout(show(),1000);
    }

    document.oncontextmenu  =  function(e){return false}
   
    if (self.location.search!=""){
        var V = self.location.search;
        V = V.substr(1,V.length);
        eval(V);
        var json ="{";
        if (option.skin==0)
            $("#mask").hide();
        if (option.animate == 0){
        $("#nav ul").hide();
        }
        $("#nav").width(option.width?option.width:760);
        $("#nav").height(option.height?option.height:240);
        $("#back img").width($("#nav").width());
        $("#back img").height($("#nav").height());
        $(self.parent.document.getElementById("splash")).children().height($("#nav").height()).width($("#nav").width());
    }
        
//-->
</SCRIPT>




DIV部分












<DIV id=nav>
<UL>
  <LI><IMG src="images/02.jpg" text="美景如画的海景|天蓝海蓝" pic="2">
  <DIV>一个海岛</DIV></LI>
  <LI><IMG src="images/01.jpg" text="Handy Code|春华秋实" pic="1">
  <DIV>一片麦穗</DIV></LI>
  <LI><IMG src="images/03.jpg" text="郁郁葱葱的生命|生生不息的生命" pic="3">
  <DIV>一树绿叶</DIV></LI>
  <LI><IMG src="images/04.jpg" text="孤独的一棵老树|等谁呢?" pic="4">
  <DIV>一棵大树</DIV></LI>
  <LI><IMG src="images/05.jpg" text="明媚的向日葵花|生生不息的生命" pic="5">
  <DIV>一地葵花</DIV></LI>
</UL>
<DIV id=frontTextBack></DIV>
<DIV id=frontText></DIV>
<DIV id=frontTextSub></DIV>
<DIV id=BG></DIV>
<DIV id=mask></DIV>
<DIV id=back><IMG height=240 src="" width=760></DIV>
</DIV>


[ 本帖最后由 baobaoxiaomu 于 2009-11-19 18:44 编辑 ]
搜索更多相关主题的帖子: 版主 缩略 jQuery 广告 大人 
2009-11-18 20:35
baobaoxiaomu
Rank: 1
等 级:新手上路
帖 子:16
专家分:0
注 册:2009-11-18
收藏
得分:0 
按照版主给的程序改动代码后,无法读图了,,版主大人给想想办法啊!!
这是我的所有程序的包,就一个页面
hr.rar (756.4 KB)

图片附件: 游客没有浏览图片的权限,请 登录注册
2009-11-19 15:35
baobaoxiaomu
Rank: 1
等 级:新手上路
帖 子:16
专家分:0
注 册:2009-11-18
收藏
得分:0 
回复 2楼 aspic
版主大人给的代码不行啊,错误,我把修改了的代码和效果都放三楼了,帮帮忙把!
2009-11-19 15:48
baobaoxiaomu
Rank: 1
等 级:新手上路
帖 子:16
专家分:0
注 册:2009-11-18
收藏
得分:0 
是我弄的不对哦!

十分感谢诶!两位版主大人!

不在主题上加链接,在图片上加链接能做到吗?

从今天开始我要好好学习JavaScript,还望各位大哥大姐多多关照,不出30天必将能够更上一层楼
2009-11-19 17:46
快速回复:感谢版主大人,还有一问,拜托解答---jQuery缩略图广告效果添加链接的 ...
数据加载中...
 
   



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

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