html5与css3入门经典,HTML5与CSS3网页设计基础

　　关于单击事件的行为与内容分离

　　1.通过链接触发弹出窗口方式 （不推荐使用此方法！！！）

　　XML/HTML代码复制内容到剪贴板ahref= # onclcik= window。open( holiday _ pay。 html ，WinName， width=300，height=300 )；假日工资/a如果射流研究…被禁用链接无法引导用户进入对应页面，不要为超链接属性赋#及类似的值

　　2.普通情况

　　XML/HTML代码复制内容到剪贴板ahref= holiday _ pay。html“onclcik=”窗口。打开(这个。href，WinName， width=300，height=300 )；假日工资/a3.0 大量重复链接，为每个链接分配可识别类名，通过使用jQuery为每个click事件分别添加监听器

　　XML/HTML代码复制内容到剪贴板a href= holiday _ pay class= popup 假日工资/a varlinks=$( a . popup )；链接。clcik(function(event){ event。防止默认()；window.open($(this).attr( href )；});3.1 通多自定义数据类型设置弹出窗口尺寸大小

　　XML/HTML代码复制内容到剪贴板ah ref=假日工资。html data-width= 600 data-height= 400 title= holiday pay class= popup holiday pay/aJavaScript代码复制内容到剪贴板$(function(){ $( .弹出式菜单)。单击(函数(事件){事件。防止默认()；varhref=$(this).attr( href )；varwidth=$(this).属性(数据宽度);varheight=$(this).属性(数据高度);varpopup=window.open(href， popup ， height= height ，width= width )；});});以上这篇HTML5和CSS3实例教程总结（推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

　　原文地址：http://www。cnblogs。com/liul 0703/p/5677644。超文本标记语言

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。