说明：
注：本文使用了谷歌翻译API，不过谷歌貌似把这个API关闭了。
让 DedeCMS 的导航菜单也可以显示英文名称。
此文为自动将中文翻译为E文，可能会不准确。手动指定版请转至《双语导航：让 DedeCMS 导航菜单同时显示英文栏目名称 [手动版]》。
效果：
DedeCMS 导航菜单中同时显示英文名称
DedeCMS 导航菜单中同时显示英文名称 示例二
用法：
{dede:channel type='top'
currentstyle='
<li class="hover"&...
分类为 前端 的文章：
微软雅黑一出世，就以结构优美、显示清晰等优点赢得了人们的喜爱，很多网站也开始采用微软雅黑作为正文字体。但是，在 XP 系统下，微软雅黑有可能会出现显示问题：
XP，Firefox，CRT
XP，Firefox，LCD
XP，IE7
可以看到，微软雅黑在 XP 下的 CRT 显示器非常模糊，很难阅读，在 LCD 显示器里锯齿明显、笔划粗细不一，显示效果还不如宋体。经测试，微软雅黑 在 XP 下的 IE6 和非 IE 浏览器显示有问题，IE7 显示正常。这与文字渲染...
效果：
jquery 折叠菜单截图
代码：
html：
<dl id="cate">
<dt title="展开/折叠">调味品></dt>
<dd>
<ul>
<li><a href="javascript:;">李锦记调味</a></li>
<li><a href="javascript:;">珠江桥牌系列</a></li>
<li><a href="javascript:;">劲豪...
说明：
这篇文章可以解决这几个问题：
一、从已经获取到的元素中再次获取其子元素（代码第6、7行）；
二、为动态加载的元素绑定事件（代码第三行的“.live”）；
三、JS浮点运算不“准确”（第二个代码块）；
示例：
用jquery计算动态加载产品的金额
代码：
说明：这些只是“核心”代码。
// 金额计算器
$(function(){
$('input.count,input.price').live('change', function(){
// 根据单价计算金额
var p = $(this).pare...
效果：
col0
col1
col2
col3
SuZhou
11111
22222
SuZhouCity
SuZhou
33333
44444
SuZhouCity
SuZhou
55555
66666
SuZhouCity
ShangHai
77777
88888
ShangHaiCity
ShangHai
uuuuu
hhhhh
ShangHaiCity
ShangHai
ggggg
ccccc
ShangHaiCity
GuangZhou
ttttt
eeeee
GuangZhouCity
GuangZhou
ppppp
qqqqq
GuangZhouCity
处理后:
col0
col1
col2
col3
SuZhou
11111
22222
SuZhouCity
33333
44444
5...
一般来说，我们会使用正规表达式来做字符串匹配，今天在网上浏览的时候，看到了有人用正则表达式来检查一个数字是否为素数（质数），让我非常感兴趣，这个正则表达式如入所示：
/^1?$|^(11+?)\1+$/
要使用这个正规则表达式，你需要把自然数转成多个1的字符串，如：2 要写成 “11”， 3 要写成 “111”, 17 要写成“11111111111111111”，这种工作使用一些脚本语言可以轻松的完成。
一开始我对这个表达式持怀疑态度，但仔细研究了一...
说明：
现在的js库很多，如YUI，DWR什么的。但是它们却时不时地相互闹些 小矛盾，常见的原因是它们定义的全局对象冲突了，特别是变量“$”，几乎百分之百要中招。以下提供两个解决办法：
办法一：
重载$函数。使用jQuery.noConflict()就可以通过重载$函数，从而区分开跟其他js库的重叠部分。例子：
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<...
效果：
JS时钟，带农历、星期、日期和日期
下载：
lunar.js.tar.gz
代码：
var CalendarData=new Array(100);
var madd=new Array(12);
var tgString="甲乙丙丁戊己庚辛壬癸";
var dzString="子丑寅卯辰巳午未申酉戌亥";
var numString="一二三四五六七八九十";
var monString="正二三四五六七八九十冬腊";
var weekString="日一二三四五六";
var sx="鼠牛虎...
npm: vue-puzzle-vcode
纯前端校验。
用法
<template>
<Vcode :show="verificationVisible" @success="sendVCode" @close="verificationVisible = false" />
</template>
<script>
import Vcode from 'vue-puzzle-vcode';
export default {
components: {
Vcode,
},
data() {
return {
verificationVisible: false,
...
说明：
做设计时需要垂直居中一些大小不一的产品图片，感觉使用CSS过于麻烦，于是找到了它。
用法：
var h = true; // 设置第一个参数值：是否垂直居中，默认为TRUE
var v = true; // 设置第二个参数值：是否水平居中，默认为TRUE
$(".valign").center(h,v);
下载页面：
[NHUVO DEV] OBJECT CENTER：传送门(截止2011.08.26有效)。
效果：
传送门。
＜完＞
说明：
要想让jQuery模拟鼠标点击操作，只要获取到元素后直接click()就可以了。
代码：
$('#nav a').click();
＜完＞
说明：
从服务端获取时间后在本地显示。有时候客户端时间会不准确，所以以服务端时间为准。此方法获取的时间有误差。
代码：
<script type="text/javascript">
<!--
var c = 0;
var Y = <?php echo date('Y'); ?>, M = <?php echo date('n'); ?>, D = <?php echo date('j'); ?>;
function startTime() {
c++;
sec = <?php echo time() - strtotime(date("Y-m...
