欢迎来到天天文库
浏览记录
ID:17206628
大小:46.99 KB
页数:3页
时间:2018-08-28
《网站开发常用jquery插件总结》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、网站开发常用jQuery插件总结(二)弹出层插件Lightbox_me网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆、注册、设置等窗口。而这些窗口就是层,弹出的窗口就是弹出层。jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美。而在例如ie8一下的浏览器下显示不出应有的效果。例如jquery.avgrund插件在ie8下就无法显示。本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器。1.Lightbox_me插件功能实现弹出层操作2.Lightbox_me官
2、方地址http://buckwilson.me/lightboxme/在网页的下面有演示地址和常用属性。3.Lightbox_me使用方法1.首先引用jquery.js与jquery.lightbox_me.js2.使用的代码otherstaffoftheCentre.Duringthewar,ZhuwastransferredbacktoJiangxi,andDirectorofthenewOffic
3、einJingdezhen,JiangxiCommitteeSecretary.Startingin1939servedasrecorderoftheWestNorthOrganization,SecretaryoftheSpecialCommitteeAfterthevictoryofthelongMarch,hehasbeentheNorthwestOfficeoftheFederationofStateenterprisesMinister,ShenmufuguSARmissions,DirectorofNingxiaCountypartyCommitteeSecr
4、etaryandrecorderoftheCountypartyCommitteeSecretary,Ministersand$(function() { $('#login').click(function(e) { $('#loginbox').lightbox_me({ centered: true, onLoad: function() { $('#loginbox').find('input:first').focus() } });
5、 e.preventDefault(); }); $('#cancel').click(function(){ $('#loginbox').trigger('close'); //alert('aaa'); });});4.Lightbox_me修改样式弹出层的样式修改非常简单,只需要会使用css就可以了。例如一下代码:#loginbox{ width:400px; display:none; background:white; border:1px solid #ccc;}body { font-siz
6、e:12px; font-family:微软雅黑;}.loginbox-title { background: #eef2f7;border-bottom: 1px solid #ccc; margin-bottom:10px; padding:8px 0; font-size:14px; text-align:center; }.loginbox-footer{ padding:8px 0; border-top:1px solid #ccc;otherstaffoftheCentre.Duringthewar,Zhuwastrans
7、ferredbacktoJiangxi,andDirectorofthenewOfficeinJingdezhen,JiangxiCommitteeSecretary.Startingin1939servedasrecorderoftheWestNorthOrganization,SecretaryoftheSpecialCommitteeAfterthevictoryofthelongMarch,hehasbeentheNorthwestOfficeoftheFederationofStateenterprisesMinis
此文档下载收益归作者所有