侧栏广告简单插件

<script src="JS/jquery-1.6.2.min.js" type="text/javascript"></script>

(function($) {
    $.fn.barScroll = function(options) {
        /*width:  宽度
        height: 高度
        model: 模式 image,flash
        top:      距顶的距离
        bargap:左边或右边的距离
        bartype:挂靠模式 left,right
        link:       跳转链接
        src:       文件链接
*/
        var defaults = {
            width: 100,
            height: 20,
            model: 'image',
            top: 100,
            bargap: 10,
            bartype: 'left',
            link: '#',
            src: '#'
        };

var opts = $.extend(defaults, options);

var barScrollID = 'barScroll' + Math.round(Math.random() * 10000);

var positiontype = $.browser.msie && $.browser.version < 7 ? "absolute" : "fixed";

if (opts.bartype != 'left' && opts.bartype != 'right') {
            opts.bartype = 'left';
        }

var str = "";

if (opts.model == "flash") {
            str += "<OBJECT codeBase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'  type='application/x-shockwave-flash' width='" + opts.width + "' height='" + opts.height + "'>";
//str += "<PARAM NAME='Movie' VALUE='" + opts.src + "'>";            str += "<PARAM NAME='Src' VALUE='" + opts.src + "'>";
            str += "<PARAM NAME='WMode' VALUE='Opaque'>";
            str += "<PARAM NAME='Quality' VALUE='High'>";
            str += "<PARAM NAME='AllowFullScreen' VALUE='false'>";
            str += "<embed  width='"+opts.widht+"' height='"+opts.height+"' src='"+opts.src+"' quality='High' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' wmode='opaque' allowscriptaccess='always'  >"
            str += "</embed>";
            str += "</object>";
        }
        else {
            str += "<img src='" + opts.src + "' width='" + opts.width + "' height='" + opts.height + "'>";
        }

$("body").append("<a id='" + barScrollID + "' href='" + opts.link + "' style='position:" + positiontype + ";top:" + opts.top + "px;" + opts.bartype + ":" + opts.bargap + "px;z-index:999;' target='_blank'>" + str + "</a>");

if ($.browser.msie && $.browser.version < 7) {
            $(window).scroll(function() {
                $("#" + barScrollID + "").css("top", $(window).scrollTop() + opts.top + "px");
            })
        }
        $(window).resize(function() {
            $("#" + barScrollID + "").css("top", $(window).scrollTop() + opts.top + "px");
        })
    };
})(jQuery)

调用

$("body").barScroll({ width: 100, height: 248, model: 'image', top: 250, bargap: 0, bartype: 'left', link: 'index.html', src: '1.gif' });

$("body").barScroll({ width: 100, height: 248, model: 'flash', top: 250, bargap: 0, bartype: 'right', link: 'index.html', src: '1.swf' });

转载于:https://www.cnblogs.com/hejunrex/archive/2011/10/31/2230184.html

侧栏广告 image flash相关推荐

  1. 左侧广告html,侧栏广告.html

    侧栏广告 p{ width: 300px; margin:10px auto; } .ad{ height: 300px; width: 200px; position: fixed; left:0; ...

  2. css 侧栏跟随_简单代码实现智能侧边栏跟随固定浮动的效果

    很多网站博客都喜欢用"侧栏跟随"的效果,也就是随着滚动条的滚动,而跟着滑动或者固定的效果:感觉非常的人性化,一来可以弥补当一个页面很长,但侧边栏太短的时候的空白,二来可以合理利用空 ...

  3. css 侧栏跟随_如何实现博客的侧栏跟随(滚动条)效果

    现在许多web2.0风格的网站都喜欢用"侧栏跟随"的效果,就是当一个页面很长的时候,设定侧栏内容会跟随滚动条,这种效果适用于评论较多.内容较长的网站. 这种特效对提高网站浏览量.文 ...

  4. 苹果CMSv10模板带后台和迅雷下载的侧栏样式

    演示地址:http://demo.mytheme.cn/index.php?id=181  可以拿来做下载站的经典侧栏样式模板,弱化播放列表.4个皮肤风格.自定义幻灯,包含了会员.专题.资讯.明星.评 ...

  5. php如何去除侧栏,WordPress移除侧边栏图文教程

    无论免费主题还是付费的专业主题,大部分默认布局都会有一个侧边栏.但侧边栏并非适合每一个站点,有时候我们可能需要移除它,该怎么做? 可以使用多种方法从整个网站或仅从特定内容中删除WordPress侧边栏 ...

  6. tag+标签+php,ZBLOG PHP代码实现侧栏彩色标签TAG关键字样式方法

    肯定不少网友和老蒋一样,在看到一些网友博客的时候界面细节元素做的还是相当不错的,比如在博客的侧栏TAG关键字标签采用的彩色样式,这个比我们使用的默认黑白样式或者单调的底层颜色样式会好看一些.当然,这个 ...

  7. html表单显示提示,html侧栏对应表单的提示显示

    下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. 侧栏对应提示 *{ margin: 0; padding: 0; } .main{ wid ...

  8. VScode 汉化以及侧栏npm脚本显示

    1.汉化 打开后搜索Chinese 安装完成重启即可汉化 2.npm脚本 左下角设置打开 设置 打开扩展,选择npm 然后重启,如果侧栏没出现,Ctl+Q 选择 npm脚本 即可展示

  9. 博客侧栏添加恋爱计时框

    介绍: 博客侧栏添加恋爱计时框 网盘下载地址: http://kekewl.cc/X41Kmd8RigM0 图片:

最新文章

  1. python 统计2^2^2^2^2的各数字出现次数
  2. python2.7安装git_[Centos]安装Git2.7.0
  3. 【ES】ES 根据数据的某个字段进行条件删除
  4. android cmake 打印_Android NDK 开发:CMake 使用
  5. 湖南省计算机二级tc,湖南计算机二级考试大纲,重点内容谢谢!
  6. JAVA------华为----------句子逆序
  7. 在iphone开发中的get请求和post请求
  8. 什么是基金转换?转换费用如何收取?
  9. Redis之利用锁机制来防止缓存过期产生的惊群现象
  10. 基于java网上购物系统论文,基于Java的网上购物系统的设计与实现_毕业设计(论文).doc...
  11. php前台输出繁体,利用PHP输出控制功能做简繁体转换_php
  12. 固态硬盘性能下降,造成win10卡顿,及解决方法
  13. 传说中的世界500强面试题-推理能力(2)
  14. 卖肉了也没火的十大悲催女星
  15. 空气质量等级c语言编程,华中科技大学C语言课设空气质量检测信息管理系统技术分析.docx...
  16. 苹果7全网通经常显示无服务器,iPhone 7处理器异响查出元凶?英特尔大喊冤枉
  17. 带你认识有源晶振的分类和英文缩写
  18. 【一些题目】CTF Crypto初接触
  19. 微信小程序API——微信支付详解(顺便讲一下我遇见的坑)
  20. 去天瑞地安面试了 这是我整个的面试流程

热门文章

  1. ubuntu忘记密码,忘记root密码的解决方法!【转载】
  2. linux之--install超时
  3. Hexo为文章设置目录与标签的方法
  4. html取元素的文本,解析HTML以获取元素内的文本
  5. php小程序支付notify,PHP 小程序支付
  6. 985计算机只考数据结构,初试只考数据结构的985院校
  7. 现在企业编程用java还是python_想转行做程序员,是学习 Java 还是 Python 更好?
  8. 智能判断图片中是否存在某物体_基于WT901传感器及NB-IOT无线技术开发的一款物体倾倒监测设备...
  9. 斐波那契java编写_请编写一个Java程序的斐波那契数
  10. python bytes_Python每天必学之bytes字节