+0°
今天为大家带来的是jquery和css3实现的不错的导航菜单。点击列表图表后,内容页面向内移动显示菜单项。当单击关闭菜单按钮时,菜单项隐藏,内容页恢复原位。看下图
jquery和css3实现炫酷菜单导航
代码部分
<html>
<head>
<title>jquery和css3实现炫酷菜单导航</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script&...
css3导航, jquery和css3实现导航, jquery导航, wordpress代码, 千壹网推荐, 炫酷导航, 菜单导航阅读全文
+0°
本文我们为大家介绍JavaScript使用正则表达式来设置输入框只能输入整数或小数,代码如下所示:
JavaScript 代码:
function CheckInputIntFloat(oInput)
{
if('' != oInput.value.replace(/\d{1,}\.{0,1}\d{0,}/,''))
{
oInput.value = oInput.value.match(/\d{1,}\.{0,1}\d{0,}/) == null ? '' Input.value.match(/\d{1,}\.{0,1}\d{0,}/);
}
}
Html 代码:
<input type="text" id="input1" name="input1" o...
JavaScript, JavaScript输入整数或小数, JavaScript输入框, 千壹网, 小数, 设置输入框, 输入整数阅读全文
+0°
本文为大家介绍如何使用jQuery制作select双向选择列表,先看效果图:
jQuery制作select双向选择列表
完整代码如下所示:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>
New Document
</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAM...
Jquery, select, wordpress代码, WordPress技巧, WordPress技术, 制作, 双向列表, 双向选择列表, 选择列表阅读全文
+0°
本文为大家介绍如果从 img 中获取图片的链接地址 src 属性值。
要匹配的字符串:
<img src=image/ad1.gif width="128" height="36"/><img src='image/ad2.gif' width="128" height="36" />
正则表达式:
<img[\s]+src[\s]*=[\s]*((['"](?<src>[^'"]*)[\'"])|(?<src>[^\s]*))
正则匹配输出结果:
x
image/ad1.gif
image/ad2.gif
PHP正则提取或 img 元素的 src 属性值:
...
img 元素, src, wordpress代码, WordPress技巧, WordPress技术, 属性值, 正则, 表达式阅读全文
+1°
WordPress文本小工具中可以添加任意HTML代码,但默认PHP代码添加到文本小工具中却不能运行,下面的这段代码很有用!
将以下代码添加到您当前主题的 functions.php 文件:
add_filter('widget_text', 'php_text', 99);
function php_text($text) {
if (strpos($text, '<' . '?') !== false) {
ob_start();
eval('?' . '>' . $text);
$text = ob_get_contents();
ob_end_clean();
}
return $text;
}
之后,可以将一个文...
WordPress技巧, WordPress技术, WordPress插件, 小工具运行PHP代码, 小工具运行代码, 运行PHP代码, 运行代码阅读全文
+1°
对于多用户WordPress博客,前台显示最近注册用户,可以吸引更多的人在你的网站上注册账户。下面的代码可以实现这一目的。
将下代码加到你准备显示的WordPress主题位置:
1.<ul class="recently-user">
2. <?php $usernames = $wpdb->get_results("SELECT user_nicename, user_url FROM $wpdb->users ORDER BY ID DESC LIMIT 5");
3. foreach ($usernames as $username) {
4. echo '<li>' .get_avatar($us...
wordpress代码, WordPress技巧, WordPress技术, WordPress注册用户, WordPress用户, 千壹网, 注册用户阅读全文
+0°
WordPress 3.9的首个Beta版本于3月12日发布,WordPress 3.9正式版预计下月发布,为了能够更好的满足用户需求,官方已向用户发布Wordpress 3.9的首个测试版本,用户将一同参与“测试”。
WordPress 3.9 Beta 1下载页面
WordPress 3.9 Beta 1改进的功能主要包括以下几个方面:
更新TinyMCE可视化编辑器到最新的版本
新增实时预览管理小工具
沿用Wordpress 3.8中主题安装程序的浏览体验
编辑器预览相册功能
直接拖放到编辑器中便可...
WordPress, wordpress代码, WordPress学习, WordPress技巧, WordPress插件, WordPress教程, 千壹网阅读全文
+0°
Query_posts语句是WordPress最实用的语句之一。 正是在Query_posts的作用下,WordPress的Loop循环才能够调用并显示所有文章内容。 Query_posts的魅力在于,它可以根据你的要求,通过各种各样的方式灵活地检索并过滤日志或页面。
你可以用Query_posts进行简单的文章抓取,可以只抓取一篇,也可以抓取上百篇。 而说到复杂点的用法,你甚至可以利用Query_posts来查询某一分类目录下某个作者发表的、带有某个标签的特定数量文章等。...
Query_posts, wordpress代码, WordPress学习, WordPress技巧, WordPress技术, WordPress插件, 千壹网阅读全文
+0°
无需修改源代码即可以实现评论显示倒序。在评论模板comments.php中找到下列语句:
1
<?php if ($comments) : ?>
在其后面添加上让评论倒序的代码:
1
<?php $comments = array_reverse($comments) ?>
WordPress学习, WordPress技巧, WordPress教程, 千壹网, 显示顺序, 评论, 评论显示顺序, 评论顺序阅读全文
+0°
看到有很多朋友都在求图片宽度自动调整的方法,想想曾经也被这个困扰过,但是在神奇的代码补全之下,我莫名其妙用神奇的RP凑出了图片宽度自动调整的css!这一种方法只要在主题对应的css文件中增加短短一行代码,就能够实现大部分浏览器的宽度自动控制。
img {max-width: 300px; height:auto;}
这行代码可以实现将图片的宽度控制在300px,高度随着宽度的调整自动调整,因此也不必担心因此带来的图片变形的问题。即使浏览...
WordPress主题, wordpress代码, WordPress技术, WordPress插件, WordPress教程, 图片, 图片调整, 宽度阅读全文