| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 734 人关注过本帖
标题:帮忙做个 页面左右图片源码
只看楼主 加入收藏
小小可爱
Rank: 1
等 级:新手上路
帖 子:35
专家分:0
注 册:2008-4-18
收藏
 问题点数:0 回复次数:2 
帮忙做个 页面左右图片源码
那位高手,帮忙做个 主页上 能显示 左右两边的图片源码
左右两边显示图片  鼠标往下拉  图片跟随往下
搜索更多相关主题的帖子: 图片源码 鼠标 页面 主页 
2008-05-16 12:36
ming206
Rank: 2
来 自:重庆
等 级:等待验证会员
威 望:3
帖 子:545
专家分:7
注 册:2005-8-2
收藏
得分:0 
这样的代码很多,我给你一个
最好单独保存为 .js文件,在首页导入这个JS文件就OK了.

var delta=0.15
var collection;
function floaters() {
    this.items = [];
    this.addItem = function(id,x,y,content) {
        document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval (y):y)+'">'+content+'</DIV>');
        var newItem = {};
        newItem.object = document.getElementById(id);
        newItem.x = x;
        
        newItem.y = y;
        this.items[this.items.length] = newItem;
    }
    this.play = function() {
        collection = this.items ;
        //alert();
        setInterval('play()',20);
    }
}
function play() {
    if(screen.width<=800) {
        for(var i=0;i<collection.length;i++) {
            collection[i].object.style.display = 'none';
        }
        //alert(screen.width);
        return;
    }
    for(var i=0;i<collection.length;i++) {
        var followObj = collection[i].object;
        var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
        var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
        if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
            var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
            dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
            followObj.style.left=followObj.offsetLeft+dx;
        }
        if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
            var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
            dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
            followObj.style.top=followObj.offsetTop+dy;
        }
        followObj.style.display = '';
    }
}
    var theFloaters        = new floaters();
    var str1="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.,0,19,0'width='104' height='100' >";
        str1+="<param name='movie' value='http://www.' />";
        str1+="<param name='quality' value='high' />";
        str1+="<embed src='http://acne.' quality='high' pluginspage='http://www.' type='application/x-shockwave-flash' ></embed>";
        str1+="</object>";
       
        str1+="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.,0,19,0'width='104' height='280' >";
        str1+="<param name='movie' value='http://www.' />";
        str1+="<param name='quality' value='high' />";
        str1+="<embed src='http://acne.' quality='high' pluginspage='http://www.' type='application/x-shockwave-flash' ></embed>";
        str1+="</object>";
        str1+="<a href=http://www. target=_blank><img src=/guanggao/default-Advertising/leleai.gif border=0></a>";
        //str1+="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.,0,19,0'width='104' height='120' >";
//        str1+="<param name='movie' value='http://chinacarsafp.' />";
//        str1+="<param name='quality' value='high' />";
//        str1+="<embed src='http://acne.' quality='high' pluginspage='http://www.' type='application/x-shockwave-flash' ></embed>";
//        str1+="</object>";
  
//

        var str_R_FLASH="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.,0,19,0'width='108' height='120' >";
        str_R_FLASH+="<param name='movie' value='http://www.' />";
        str_R_FLASH+="<param name='quality' value='high' />";
        str_R_FLASH+="<embed src='http://acne.' quality='high' pluginspage='http://www.' type='application/x-shockwave-flash' ></embed>";
        str_R_FLASH+="</object>";
        
        str_R_FLASH+="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.,0,19,0'width='108' height='88' >";
        str_R_FLASH+="<param name='movie' value='http://db.' />";
        str_R_FLASH+="<param name='quality' value='high' />";
        str_R_FLASH+="<embed src='http://acne.' quality='high' pluginspage='http://www.' type='application/x-shockwave-flash' ></embed>";
        str_R_FLASH+="</object>";
        
        str_R_FLASH+="<a href=http://www. target=_blank><img src=http://www. border=0></a>";
    
    
    //alert("宽="+screen.width);
    theFloaters.addItem('followDiv1','document.body.clientWidth-'+screen.width+'',2,'<a href= target=_blank>'+str1+'</a>');
    //theFloaters.addItem('followDiv2','document.body.clientWidth-1002',307,'<a href=# target=_blank><img src=/guanggao/default-Advertising/guanggao1.gif border=0></a>');
    theFloaters.addItem('followDiv3','document.body.clientWidth-108',2,'<a href=http://mnd. target=_blank><img src=http://images. border=0></a><p>'+str_R_FLASH);
    //theFloaters.addItem('followDiv4','document.body.clientWidth-108',307,'<a href=# target=_blank><img src=/guanggao/default-Advertising/guanggao1.gif border=0></a>');
    theFloaters.play();

外贸综合平台:E贸通
2008-05-16 13:38
小小可爱
Rank: 1
等 级:新手上路
帖 子:35
专家分:0
注 册:2008-4-18
收藏
得分:0 
谢谢  我去试一下
2008-05-17 12:27
快速回复:帮忙做个 页面左右图片源码
数据加载中...
 
   



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

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