来自 计算机网络 2019-11-27 23:39 的文章
当前位置: 六合联盟网 > 计算机网络 > 正文

jQuery弹出窗口浏览图片,lhgdialog弹出窗口框架

效果预览:

本篇小说来源 cssrain.cn 原来的作品链接:

HTML文件代码:

图片 1

 弹出灯箱窗口浏览图片-柯乐义







 弹出窗口浏览图片
 原文 

 生机勃勃、组件简单介绍

原文:

lhgdialog DIV弹出窗口框架是一个简洁明了、高效、美观、易用的多效益弹出窗口组件。

更多:

它的机要特征有:

web前端汇总:

代码简洁:整个组件全部代码总共18K,假若不算上海教室片和CSS样式表文件,总江西共产主义劳动大学小才12K不到。(这是在代码未压缩意况下卡塔尔国

HTML文件代码: 弹出灯箱窗口浏览图片-柯乐义 弹出窗口浏览图片 原版的书文原版的书文:...

程序运营功用高:弹出窗口在开采和拖动时特别流畅,在同大器晚成测量试验条件下,CUP的分占的额数在百分之二十左右,最高不超过六成。而其他弹出 窗口(比方:JQuery,ExtJs,Mootools,还也可以有此外弹出窗口等卡塔尔国CUP的分占的额数都在二分之一左右,最高二成之上。

窗口样式校正简便:组件接收的是QQ2010窗口的分界面,虽说不上绝对漂亮貌,但也不算难看(本个分界面设计技术相当糟糕:-)...卡塔尔国要是您 想改革窗口样式也十分轻松,组件采纳的是静态模板来设计的窗口的样式,你若是改过lhgdialog.html里body 之间的HTML代码,再相应改下lhgdialog.css样式表文件就能够。况兼组件样式不受调用页面限定,可随意校勘你想要的体制。

可扩大性强,复用性高:组件提供了着力常用的效率,在那底工上可依照个人要求充实对应作用,只需求追加一丢丢代码就可以支付 出各样弹出窗口。况兼窗口的内容页和框架也是相互独立的,设计好框架后您只要校订内容页即可。

组件调用灵活:在同大器晚成页面能够调用大肆八个弹出窗口,而且最杰出的是在同风姿罗曼蒂克页面能够弹出不带遮罩和带遮罩的窗口混用。

接济全体主流浏览器:IE6+,Firefox2.0+,Chrome(Google浏览器),Opera9.5+,Safari3.0+等。(题外音:个人以为Opera最佳用,展开网页的速度是自身上边列出全数浏览器中最快的,不是指展开本人的组件,而是展开任何网页个人认为速度非常快,并且人性化设计也是相比较优秀的。不是做广告噢:-)...)

自己编写组件向来争取能在满意使用的动静下成功代码最简洁明了,实行成效高,所以有个别不太实用的效用就未有加多,如朋友们急需 可自行加上,或与本身一块儿探求也可。小编的QQ:463214570 ,blog: 

二、组件布局

lhgdialog.js:组件主调用文件,在调用的地点只必要该文件。

lhgdialog.html:组件窗口静态模板文件,调控窗口样式及对窗口的操作。

lhgdialog.css:组件窗口样式表文件。

_content.html:组件窗口内容页示例文件,此页面由顾客自个儿随意定制。

_samples.html:调用组件示例页,即此页面。

images:窗口全体图片文件夹

三、调用方法及参数表明

在急需调用的页面引入lhgdialog.js,比方:<script type="text/javascript" src="lhgdialog.js"></script>

然后在要调用的职位上迷惑的事件中参与调用代码,举个例子:<input type="button" onclick="lhgdialog.opendlg(...);"/> 也许在onclick=那写个和谐的函数,如:open();然后再在JS的地位里加个function open()函数,再在中间调用lhgdialog.opendlg

参数表明:lhgdialog.opendlg是主调函数,他共有7个参数,详细如下:

lhgdialog.opendlg( 窗口标题,内容页,窗口宽,窗口高,是或不是出示遮罩层,弹出窗口距最上部离开,弹出窗口距左侧距离卡塔 尔(阿拉伯语:قطر‎

例如说:lhgdialog.opendlg( '登陆窗口', 'login.html', 400, 300 ); 后边的参数借使不用能够轻易

  lhgdialog.opendlg( '', 'ok.html', 600, 480, true, 100, 200 ); 假诺前方有不填的参数就用''就足以了,但不得省略。

四、下载:

本篇小说来源 cssrain.cn 原版的书文链接:

本文由六合联盟网发布于计算机网络,转载请注明出处:jQuery弹出窗口浏览图片,lhgdialog弹出窗口框架

关键词: