几种样式的弹窗示例
摘要：
一. 标题+内容+关闭按钮示例代码： 标题 内容 二. 蒙版+半透明边框弹窗示例代码： 点击任意图片弹出弹窗，点击弹窗图片即可关闭弹窗 弹窗弹出后，原窗体内容变暗，滚动鼠标滑轮，页面仍可滑动，但不可对原页面内容进行操作 点击弹窗后，弹窗消失，页面恢复初始状态 阅读全文
posted @ 2013-12-16 17:58 逍遥云天 阅读(5418) 评论(0) 推荐(0) 编辑
使用CSS实现透明边框的效果——兼容当前各种主流浏览器[xyytIT]
摘要：
这个效果可是通过代码实现的哦，在不同浏览器下都可以正常显示对于html中使用CSS实现透明边框的效果，主要有以下四种属性设置方法，但由于这些属性兼容性并不是很好，单一使用会造成不同浏览器显示效果不同，或根本就没有效果，为了能在不同内核的浏览器之间显示效果一致，最好使用组合属性，即同时使用两个或以上。下面，我们先熟悉下这几种属性，以及使用方式：1. filter: alpha(opacity=50)——1.会使子元素透明。2.只针对针对所有IE浏览器及以Trident内核的诸如360浏览器，世界之窗浏览器等非IE浏览器有效。2.filter:progid:DXImageTransform.Mic 阅读全文
posted @ 2013-12-16 17:45 逍遥云天 阅读(4426) 评论(0) 推荐(0) 编辑
兼容谷歌、火狐、IE7.0以上浏览器div+css实现的带有蒙版的半透明弹窗效果[xyytit]
摘要：
整个页面变暗的蒙版效果，带有半透明边框的弹窗，用在网站里一定很酷。最初见与奢饰品购物网站YMALL，后边研究了下，自己做了这个实例。技术要点：css中几种透明样式的使用。不同的样式在不同的浏览器中的兼容性不同，所以需要采取组合使用才能兼容多个浏览器。详见：http://www.cnblogs.com/xyyt/p/3477156.html示例代码： 1 2 3 4 5 6 7 26 48 49 50 51 点击任意图片弹出弹窗，点击弹窗图片即可关闭弹窗52 53 弹窗弹出后，原窗体内容变暗，滚动鼠标滑轮，页面仍可滑动，但不可对原页面内容进行操... 阅读全文
posted @ 2013-12-16 17:40 逍遥云天 阅读(1216) 评论(0) 推荐(0) 编辑
条件（三目）运算符 (?:)
摘要：
根据条件执行两个语句中的其中一个。test?语句1:语句2参数test任何Boolean 表达式。语句1当test是true时执行的语句。可以是复合语句。语句2当test是false时执行的语句。可以是复合语句。说明?:运算符是if...else语句的快捷方式。它通常被用作较大表达式的一部分，而在此处使用if...else语句是不协调的。例如：var now = new Date();var greeting = "Good" + ((now.getHours() > 17) ? " evening." : " day.");在 阅读全文
posted @ 2013-12-16 16:12 逍遥云天 阅读(363) 评论(0) 推荐(0) 编辑
