zoukankan      html  css  js  c++  java
  • 分享一个JQuery弹出层插件

    JQuery插件TipsWindown 1.1

    一个基于jQuery的弹出层。支持拖拽,支持内容为文字,图片,URL等!至于兼容性。在IE6下,弹出对像无法绝对固定。其他应该没啥大问题;

    最新更新:(2010-08-12):修正IE6下不能遮住下拉菜单的BUG,增加拖动时半透明效果。

    应用演示

    1. 弹出文本信息提示: 
      tipsWindown("提示","text:提示信息内容","250","150","true","","true","msg")
    2. 弹出页面中的某个ID的html: 
      tipsWindown("标题","id:testID","300","200","true","","true","id")
    3. 弹出图片: 
      tipsWindown("图片","img:图片路径","250","150","true","","true","img")
    4. get加载一个.html文件(也可以是.php/.asp?id=4之类的): 
      tipsWindown("标题","url:get?test.html","250","150","true","","true","text");
    5. 加载一个页面到框架显示:
      tipsWindown("标题","iframe:http://www.nowamagic.net","900","580","true","","true","leotheme");
    6. 弹出一个不能拖动且没有遮罩背景的文本信息层: 
      tipsWindown("提示","text:提示信息内容","250","150","false","","false","msg")
    7. 弹出一个不能拖动,三秒钟自动关闭的层: 
      tipsWindown("提示","text:提示信息内容","250","150","false","3000","true","msg")

    参数说明

    顺序参数功能备注
    1title 弹出层的标题 必填,纯文本
    2content 弹出层的内容 text 文本内容
    id 页面里某id的子标签
    img 图片
    url get或post某一页面里的html,该页面要求只包含body的子标签
    iframe 目标地址在框架显示
    3width 弹出层的宽 必填,比如“200”。(不需要带px)
    4height 弹出层的高 同 width
    5drag 是否可拖动 必填,可选参数(true,false)
    6time 自动消失时间 可不填,默认不自动关闭;参数可为空("")
    7showbg 是否显示遮罩层 可不填,默认不显示(此项如填了,它前面的time也必须要填)
    8cssName 弹出层附加样式名 可不填

    像这种弹出透明背景层效果很常见了,除部分区域可以操作外其他区域不能操作,目前有提供插件,完全可以实现此种效果。

    查看本页源代码可获取所有所需的代码。

  • 相关阅读:
    通过唯一ID实现简单的日志跟踪实现
    从零单排入门机器学习:Octave/matlab的经常使用知识之矩阵和向量
    zoj 1671 Walking Ant
    JDBC基础
    Android从源码看ListView的重用机制
    JavaScript设计模式 Item9 --适配器模式Adapter
    C++11新特性之 std::forward(完美转发)
    [组合数]求组合数的几种方法总结
    HDU 4005 The war(双连通好题)
    Workspace in use or cannot be created, choose a different one.--错误解决的方法
  • 原文地址:https://www.cnblogs.com/xiaoyang002/p/4083938.html
Copyright © 2011-2022 走看看