JavaScript标签存档

对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/
阅读全文 >>

WordPress Lightbox M Plugin update to 1.0.4

Download: lightbox-cheon.info.1.0.4.zip Media types and Examples mediaboxAdvanced supports a wide range of media formats, and an even wider range of social media sites. Simply link to any image, flash video, or popular website, and the media will be automatically loaded into the overlay. Images | Twitter Media | Social Video | Flash | Video | Audio | Inline | HTML Images Images contained in gallery sets are preloaded, even when the set contains mixed media types. &l...
阅读全文 >>

测试新的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...
阅读全文 >>