JavaScript

IE7-JS 背景图片浮动问题

IE7-JS不我想不用我做太多说明，用过的人都知道。 没用过？那还是简单说明一下吧，就是用JS让IE6以及以下版本兼容IE7或IE8（想兼容到IE8就用IE8-JS）的。。。？ 详细请见：http://code.google.com/p/ie7-js/ 言归正传，在使用IE7-JS的时候再IE6给body设置背景图片，结果背景图片是浮动的。当然，如果你想让背景图片浮动这是好事，但大家习惯默认情况是背景图片是固定的，也就是随页面的滑动以前滑动，而不是背景和内容是分开的。 其实这个很好解决。 [css highlight="3"] body { background: #212121 url(images/bg.png) repeat-x top; background-attachment:inherit; } [/css] 就是background-attachment:inherit;这一段代码，我试过将inherit直接加在background: #212121 url(images/bg.png) repeat-x top;后面。像下面这样。但是不好...
阅读全文 >>

jQuery之ajax返回数据筛选(jQuery ajax 选择器)

这两天在做基于jQuery框架的ajax登录表单。 在调用ajax返回的数据的时候碰到了一点问题。 [js] $('#loginform').submit(function() { $.ajax({ type: 'POST', url: $(this).attr('action'), data: { log: $('#user_login').val(), pwd: $('#user_pass').val(), rememberme: $('#rememberme').val() }, dataType: 'html', success: function(data, textStatus) { alert($('div', data)); } }); return false; }); [/js] IE核心的浏览器中一切正常。 但是在FF等浏览器中就会返回null 在网上海搜了一下终于找到办法。 在筛选返回的数据时IE...
阅读全文 >>

对CSS布局的一点见解

最近致力于制作一个WordPress主题（偷来的）。 本身我的网页美工方面是很差劲的，加上对CSS的浅薄的了解，遇到了很多问题。 也是第一次接触jQuery，发现jQuery没有我想想的那么难。 最头疼的问题就是IE7一下版本的兼容问题，其中最棘手的是PNG图片透明问题，和div布局问题。 已经放弃IE6以下版本的浏览器的测试了，到目前大概半个月多月的时间（甚至更长），做到的东西少之又少，但学到了不少东西。 比如 在IE6 div层的高度问题 一直找不到愿意，后来才发现如果div层的高度小于body样式里设置的font-size那么div层的高度会变成body样式里设置的font-size+3px。所以只能在其样式里设置font-zize:0;。 还有就是半透明PNG图片的问题 网上的大多数方法都试过，觉得最好是以下两种方法配合使用。 1.http://www.twinhelix.com 开发的 PNG Alpha Fix 2. .if_btn_active { background:none; filter:progid:dximagetransfor...
阅读全文 >>

CSS实现固定浮动层

用CSS很简单就可以实现浮动层固定 就是position: fixed; 再配合z-index:100;top:10px;left:10px;此类样式就可以实现浮动层的位置了。 但是IE7一下版本并不支持position: fixed; 所以很多人会用JS或jQuery代替CSS样式来实现固定浮动层 其实只要使用IE7-js就可以让IE7一下版本也支持绝大部分的CSS 2.0标准了 演示地址 http://ie7-js.googlecode.com/svn/test/fixed.html IE7-js或IE8-js下载地址 http://code.google.com/p/ie7-js/
阅读全文 >>

JS检查IE版本

以下代码可检查IE版本,也可检查是否为IE 例子 [js] if(ieVer('notie')) alert('Your browser is not IE!'); if(ieVer('isie')) alert('Your browser is IE!'); if(ieVer('not',8)) alert('Your browser is not IE8!'); if(ieVer('is',6)) alert('Your browser is IE6!'); if(ieVer('gt',5.5)) alert('Your IE browser version is greater than 5.5!'); if(ieVer('gte',6)) alert('Your IE browser version is greater than or equal to 6!'); if(ieVer('lte',7)) alert('Your IE browser version is less than or equal to 7!'); if(ieVer('it',...
阅读全文 >>

测试新的Lightbox插件

Techified Theme本身不支持Lightbox插件。 原因是该主题使用了Mootools，它与Lightbox互相冲突，导致Techified主题的导航菜单不能正常显示。 网上搜索结构发现有基于Mootools的Lightbox源代码mediaboxAdvanced，于是乎就将mediaboxAdvanced集成到Wordpress的Lightbox2插件上，将原来Lightbox2的JS以及CSS样式全部删除掉。 mediaboxAdvanced相当强大，不仅支持图片还支持大多数视频网站的视频，跟JW Media Player和NonverBlaster配合使用还可以播放Flash，FLV，MP3，MP4等媒体文件。 接下来测试一下优酷的视频 点击这里浏览优酷视频 测试MP3 点击这里听听歌 2009-09-25 3:41 测试完毕，睡觉
阅读全文 >>

WP防非中文垃圾评论的简单方法

前两天发布的防非中文垃圾评论的方法今天发现正则表达式写错了，重新发布一下。 此方法兼容所有主流和非主流浏览器并有效防止机器人。 方法1： 手动修改主题里的评论文件(comments.php)，在文件的任意位置插入如下JS代码。 [js] <script type="text/javascript"> function check_spamer(obj) { var reg = /[\u4E00-\u9FA5]/;//匹配中文字符 var comment = obj.comment.value; return reg.test(comment);//如果评论中包含中文字符返回true，否者返回false } </script> [/js] 然后将 [php] <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" i...
阅读全文 >>

JS+PHP 本地时间和服务器时间的时差

虽然可以获取本地时间和服务器时间的时差，但是第一次执行页面或时区修改的时候还是会显示之前的时间。还没找到这个解决方法。 [php]<!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" /> <title>JS+PHP 本地时间和服务器时间的时差</title> <script language="javascript"> var expire_tim...
阅读全文 >>

比较严格的Email地址验证正则表达式

[js heighlight="17"] <!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" /> <title>比较严格的Email地址验证正则表达式</title> <script type="text/javascript"> /* @前缀 abc_abc abc-abc abc.abc @后缀 abc.abc abc.abc.ab...
阅读全文 >>