分类目录归档:WEB前端

3D图片墙相册特效

这个特效看到了非常喜欢,特此收藏 特点 1.多张图片不用一样大, 2.看起来像电影胶带 预览效果

发表在 WEB前端 | 标签为 , | 留下评论

漂亮的jQuery下拉菜单学习

jQuery下拉菜单特效效果图 jQuery下拉菜单特效代码解读 $(document).ready(function(){   $("ul.subnav").parent().append("<span></span>");   $("ul.topnav li span").click(function() { //触发了这些样式表的元素,开始触发点击效果   //Following events are applied to the subnav itself (moving subnav up and down) $(this).parent().find("ul.subnav").slideDown(‘fast’).show(); //点击下拉的时候,下拉速度快   $(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp(‘slow’); //离开的时候慢慢的收回 });   //Following events are applied … 继续阅读

发表在 WEB前端 | 标签为 , , | 留下评论

跨站cookie读取-第三方cookie问题p3p解决

IE6中设置隐私级别的时候,默认为中。拒绝第三方cookie。这样的话,标准的iframe 中的cookie,就无法获取了。 另外采用图片标签潜入的源码,cookie也无法得到。 比如当前页面为java-er.com/a.html <img src="php-er.com/3.php"> 3.php中的cookie也无法得到。IE会显示block掉这个域名。php-er.com 相对当前页面为第三方cookie <script src="php-er.com/3.php"> 效果相同,也会被拒绝。 iframe就是大家经常遇到的问题了。 解决第三方cookie问题,使用p3p即可搞定。 在php 读写cookie的文件第一行写 header(“P3P: CP=CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR”); 一切都搞定了。 使用firebug会看到头信息多了一行P3P Cache-Control no-store, no-cache, … 继续阅读

发表在 PHP, WEB前端 | 标签为 , | 一条评论

jQuery popup_layer.js弹出层

jquery可以处理很多东西,不过自带的弹窗没有找到。找到一个流行的popup_layer.js,效果还不错,特发出来大家共享一下。 下载popup_layer.js文件请猛击:http://dl.vmall.com/c0sx2beaz7 此弹窗可以使弹出来复层居中,并覆盖底层的数据 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript" src="popup_layer.js"></script>     <script language="javascript"> $(document).ready(function() {       //示例9,综合效果 var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",useOverlay:true,useFx:true, … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论

IE下javascript的console方法

FireFox 和 Chrome 下调试JS都有console,IE6下没有。特用此办法来兼容IE6. <!doctype html> <html> <head> <meta charset="utf-8"/> </head> <body> 112342134<br/> 112342134<br/> 112342134<br/> 112342134<br/> 112342134<br/> 112342134<br/> </body>     <script> if(!window.console){ console = (function(){ var instance = null; function Constructor(){ this.div = document.createElement("console"); this.div.id = "console"; this.div.style.cssText = … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论

兼容火狐,Chrome,IE6,IE7,IE8的HTML换行写法

兼容火狐,Chrome,IE6,IE7,IE8的HTML换行写法 1.任意数据自动强制换行 <div id=”ff” style=”border: 1px solid #f00; width: 300px; word-wrap: break-word;”>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> <script type=”text/javascript”>// <![CDATA[ function toBreakWord(intLen){ var obj=document.getElementById(“ff”); var strContent=obj.innerHTML; var strTemp=”"; while(strContent.length>intLen){ strTemp+=strContent.substr(0,intLen)+” “; strContent=strContent.substr(intLen,strContent.length); } strTemp+=” “+strContent; obj.innerHTML=strTemp; } if(document.getElementById && !document.all) toBreakWord(37) … 继续阅读

发表在 WEB前端 | 标签为 , , | 留下评论