使用方法: <a data-skin="lovely" href="javascript:void(0);" alt="preview skin button">Preview this skin</a> <a href="#" data-src="http://yourdomain.com/" data-width="800" data-height="400" >Show example</a> <a href="#" data-src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&aq=0&oq=eiff&sll=37.0625,-95.677068&sspn=55.279921,79.013672&ie=UTF8&hq=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&hnear=&radius=15000&t=m&ll=48.858278,2.294254&spn=0.071946,0.071946&output=embed" data-width="800" data-height="400">Show example</a> <a href="#" data-src="images/001/flash_html5_ico.swf?width=800&height=600" >Show example</a> data-src="images/flash/slider/swap12/images/swap12/swap12.swf" <a data-skin="lovelyboxglassbluewinter" href="javascript:void(0);" data-css3effect="zoomOut" data-src="images/001/iframe_html_001.png" data-width="800" data-height="400" ></a> <a data-skin="lovelyboxglass" href="javascript:void(0);" data-css3effect="pulse" data-src="http://yourdomain.com/" data-width="800" data-height="400" ></a> href="javascript:void(0);" <!-- 弹出窗口响应事件,基础功能可以不需要。 --> <!-- 弹出窗口的链接层,鼠标移上去可以点击的层 --> data-skin="lovelyboxglassbluewinter" <!-- 弹出窗口皮肤(共20套)。default blueglass clouds dark ignito light lightbox lovely lovelybox lovelyboxglass lovelyboxglassbluewinter lovelyboxglassrain lovelyboxglasssnow lovelyboxsnow metro notifyglass rain snow trap winter --> data-css3effect="zoomOut" <!-- css3过渡效果。(共15种。)zoomIn zoomOut flip flipInHor flipInVer bounceIn pageTop flyIn fadeInScale scaleDown fadeSpin pulse leftSpeedIn rollIn rollOut --> data-effect="fade" <!-- javascript过渡效果(共7种)。fade incerto slideLeft slideRight slideTop slideBottom slideZoom --> data-src="images/001/iframe_html_001.png" <!-- 弹出窗口显示的内容。图片url --> data-src="images/001/flash_html5_ico.swf?width=800&height=600" <!-- 弹出窗口显示的flash内容并指定宽度和高度。flash内容url?width=800&height=600 --> data-src="images/flash/slider/swap12/images/swap12/swap12.swf" <!-- 弹出窗口显示的flash内容自动获取宽度和高度。flash内容url 尺寸自动获取,有时因为flash尺寸原因会不准确。 --> data-src="http://yourdomain.com/" <!-- 弹出窗口显示的iframe。网站url --> data-src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&aq=0&oq=eiff&sll=37.0625,-95.677068&sspn=55.279921,79.013672&ie=UTF8&hq=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&hnear=&radius=15000&t=m&ll=48.858278,2.294254&spn=0.071946,0.071946&output=embed" <!-- 弹出窗口显示的谷歌地图。谷歌地图url --> data-width="800" <!-- 弹出窗口的宽度。800 --> data-height="400" <!-- 弹出窗口的高度。400 -->
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....