• 所有问题

    • JS漂浮广告代码

    各位先别急着粘贴复制，先看我把要求说清楚。

    我想要个漂浮广告的代码，是浮动在浏览器右下角的，就是说代码里面的定位要以浏览器窗口的底部和右侧为基准。

    意思就和下图差不多。希望知道的朋友可以花一点时间来解答，谢谢！
    1L那个有点复杂了，说真的，我搞不懂，哪位能给个简单点的？右下角悬浮的功能就可以了

    举报该问题
    推荐答案   2010-06-09
    给个简单的 也需引入jquery
    Html:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title></title>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $('#showWin').click(showWin);
    function showWin(){
    $('#floatWin').show('slow');
    }
    })
    </script>
    </head>
    <body>
    <button id="showWin">显示窗口</button>
    <div id="floatWin"
    style="right:0px;bottom:0px;display:none; width: 200px;height: 200px; background-color: #cccccc;position: absolute;">
    </div>
    </body>
    </html>

    最近项目里正好有类似需求 代码给出来供你研究下 需要jQuery支持
    有什么疑问可以hi我
    (function(){
    $(function(){
    $.ajax({
    url: messagePath+'messageBox.do',
    // dataType:'json',
    success:function(json){
    alert(json);
    showMessages(json);
    }
    });
    })
    function showMessages(json){
    if(json.messagecount>0){
    var messageBox ="<div id=\"OTOS_MESSAGEBOX_CONTAINER\">"+
    " <table id=\"OTOS_MESSAGEBOX_HEADER\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\">"+
    " <tr>"+
    " <td id=\"OTOS_MESSAGEBOX_HEADER_TEXT\"></td>"+
    " <td align=\"right\" width=\"20\"><img id=\"OTOS_MESSAGEBOX_CLOSE\" style=\"cursor: pointer;\" src=\"resources/images/close.gif\"></td>"+
    " </tr>"+
    " </table>"+
    " <table id=\"OTOS_MESSAGEBOX_CONTEXT_TITLE_TABLE\" width=\"100%\">"+
    " <tr id=\"OTOS_MESSAGEBOX_CONTEXT_TABLE_HEADER\">"+
    " <td>标题</td>"+
    " <td width=\"50\">类型</td>"+
    " <td width=\"40\">发送人</td>"+
    " </tr>"+
    " </table>"+
    " <div id=\"OTOS_MESSAGEBOX_CONTEXT\">"+
    " <table id=\"OTOS_MESSAGEBOX_CONTEXT_TABLE\" width=\"100%\"></table>"+
    " </div>"+
    "</div>";
    $('body').append(messageBox);
    // $('#OTOS_MESSAGEBOX_CONTAINER').jqDrag("#OTOS_MESSAGEBOX_HEADER");
    $('#OTOS_MESSAGEBOX_HEADER_TEXT').text("您有"+json.messagecount+"条未读消息!");
    $('#OTOS_MESSAGEBOX_CLOSE').bind('click',closeMessageBox);
    $('#OTOS_MESSAGEBOX_CONTAINER').show('slow');
    for(var i=0;i<json.list.length;i++){
    var map = json.list[i];
    $('#OTOS_MESSAGEBOX_CONTEXT_TABLE').append("<tr onClick=\"toViewMessage("+map.id+",+"+map.mid+")\" class=\"OTOS_MESSAGEBOX_CONTEXT_TABLE_TR\"><td>"+cutTitle(map.title)+"</td><td width=\"50\" nowarp>"+map.type+"</td><td width=\"40\">"+map.sender+"</td></tr>");
    }
    $('#OTOS_MESSAGEBOX_CONTEXT_TABLE').verticalRoll({parentid:'OTOS_MESSAGEBOX_CONTEXT'});
    }
    }
    // 纵向滚动
    $.fn.verticalRoll = function(options) {
    var opts = $.extend({}, $.fn.verticalRoll.defaults, options);
    if(!opts.parentid||$('#'+opts.parentid).size()<1){
    alert('父级不存在');
    return false;
    }
    var $p = $('#'+opts.parentid);
    var $t = $(this);
    if($t.attr('tagName')!='TABLE'){
    alert('不是table');
    return false;
    }
    var s = $t.find('tr').size()
    $p.css('overflow','hidden');
    $t.css('position','absolute');
    if(s>5){
    window.setInterval(function(){
    var temp = $t.find('tr:first');
    temp.fadeOut('slow',function(){
    $t.append(temp);
    temp.show();
    })
    },2000)
    }else{
    return false;
    }
    $.fn.verticalRoll.defaults = {}
    }
    })(jQuery);
    function closeMessageBox(){
    $('#OTOS_MESSAGEBOX_CONTAINER').hide('slow');
    $('#OTOS_MESSAGEBOX_CONTAINER').fadeOut();
    }
    function cutTitle(title){
    var temp;
    if(title.length>8){
    temp = title.substring(0,8)+"...";
    return temp
    }else{
    return title;
    }
    }
    function toViewMessage(id,rid){
    window.location.href = "messagesUserList.do?id="+id+"&rid="+rid;
    }
    Css文件
    @CHARSET "UTF-8";

    #OTOS_MESSAGEBOX_CONTAINER {
    position: absolute;
    width: 240px;
    height: 145px;
    border: 1px solid #81b8ff;
    background-color: #deecfd;
    right: 0px;
    bottom: 0px;
    overflow:hidden;
    display: none;
    }
    #OTOS_MESSAGEBOX_CONTAINER TD{
    white-space: nowrap;
    overflow: hidden;
    height: 18px;
    }
    #OTOS_MESSAGEBOX_HEADER {
    cursor: move;
    border-bottom: 1px solid #81b8ff;
    background-color: #9ACDFE;
    overflow:hidden;
    }
    #OTOS_MESSAGEBOX_HEADER td {
    padding: 2px;
    color: #ffffff;
    overflow:hidden;
    }

    #OTOS_MESSAGEBOX_CONTEXT {
    position: relative;
    height: 102px;
    overflow:hidden;
    }
    #OTOS_MESSAGEBOX_CONTEXT td{
    white-space: nowrap;
    overflow: hidden;
    }
    #OTOS_MESSAGEBOX_HEADER_TEXT {
    font-weight: bold;
    overflow:hidden;
    }

    #OTOS_MESSAGEBOX_FOOTER {
    position: relative;;
    bottom: 0px;;
    padding-right: 2px;;
    text-align: right;
    overflow:hidden;
    }
    .OTOS_MESSAGEBOX_CONTEXT_TABLE_TR{
    cursor:pointer;
    color: #336699;
    overflow:hidden;
    }
    #OTOS_MESSAGEBOX_CONTEXT_TABLE_HEADER td{
    overflow:hidden;
    font-weight: bold;
    overflow:hidden;
    }
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2010-06-09
    这个网上一大把，你也可以自己做一个，就是浮动窗口

    jquery的话，搜索 王兴魁的jquery实战教程，最后一集
    相似回答
    求一个右下角的漂浮广告代码?答：右下角漂浮广告代码使用方法(一)： 将以下代码以**.js文件形式保存，在模板中调用这个js文件即可 （备注该代码的图片大小为250*150 代码里面有参数自己看下就知道了）document.writeln(" ");document.writeln("");document.writeln("");var bodyfrm = ( document.compatMode.toLowerCase()=="css1c...
    js或者CSS带关闭的漂浮广告代码答：固定在底部的漂浮广告var ad_float_left_src="http:/images/logo.gif";var ad_float_left_url = "http:";var ad_float_left_type = "";document.ns = navigator.appName == "Microsoft Internet Explorer"var imgheight_closevar imgleftwindow.screen.width>800 ? imgheight_close=120:imghei...
    网页制作 漂浮广告答：以下代码放在js文件中，在网页中引入这个js文件就可以了，图片自己换，位置可调 var online=new Array();//if (!document.layers)document.write('');document.write('');document.write(' ');document.write(' ');document.write(' ');document.write('');var verticalpos="frombottom...
    求一个页面上漂浮着两个浮动广告的js代码答：<!--head头部代码开始--> var chip1;var chip2;var chip3;//根据使用的图片的多少增加或减少上面相应代码；function pagestart(){checkbrOK();chip1=new Chip("chip1",160,80);chip2=new Chip("chip2",60,80);//根据使用的图片的多少增加或减少上面的相应代码 if(brOK){ movechip("...
    如何制作我的网页浮动广告如何制作我的网页浮动广告图片答：制作浮动广告效果并不难。如果有js基础，可以自己写一个。懒得写，就从网上下载一个特效工具，按照提示粘贴代码。但是，如果你真的想知道它是怎么做出来的，你需要掌握一些js知识。下面简单介绍一下浮动广告。下面的代码可以放在之间，期间我加了一些注释(就是“//”后面的文字)和“网页设计培训免费试用...
    求一段左下角漂浮的JS广告代码?可以随窗口上下滚动的,要JS的。答：复制粘贴我的代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> {margin:0} body{ height:1000px;width:1000px;} a{ width:300px;height:100px;background:red;} var isie6 = window.XMLHttp...
    网站漂浮广告代码怎么写答：function hidead(){document.getElementById("ad").style.display="none";} <!--放广告代码--><DIV onClick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right>关闭广告×</DIV> var x = 80,y = 80 var xin = true, yin = true var step = 1 var delay = ...
    带关闭的漂浮广告代码答：JS代码实现对联式浮动广告演示!self.onError=null;currentX = currentY = 0;whichIt = null;lastScrollX = 0; lastScrollY = 0;NS = (document.layers) ? 1 : 0;IE = (document.all) ? 1: 0;function heartBeat() { if(IE) { diffY = document.body.scrollTop; diffX = document....
    大家正在搜
    html漂浮广告代码js网页漂浮广告代码jquery漂浮广告代码css漂浮广告代码制作漂浮广告的代码悬浮漂浮代码漂浮代码人类漂浮代码漂浮代码在哪里找