Jul302013
页面定时跳转(倒计时跳转)代码总结
下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:
(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)
<script type="text/javascript">
//3秒钟之后跳转到指定的页面
setTimeout(window.location.href='http://www.phpernote.com/div-css/354.html',3);
</script>
(2)html代码实现,在页面的head区域块内加上如下代码...阅读全文
抢沙发
Jul282013
$.ajax用法与举例
jquery里的 $.ajax 方法的作用是通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。在该方法的基础上简化出来的一些方法还有 $.get, $.post, $.getJSON 等。由于工作中经常会用到 $.ajax 这个方法,现在特意将这个方法的一些常见用法做一些记录。
下面是一段比较常用到的 $.ajax 方法:
$.ajax({
type:'GET',
url:'http://www.phpernote.com/jquery.php',
data:{usern...阅读全文
Jul282013
怎么在body标记未尾添加元素节点
js在页面动态添加元素节点的通常的方法有appendChild,jquery动态添加页面节点的方法就很多了。下面说一下如何在页面标记body标记的末尾添加页面元素。
js的方法:
<html xmlns="http://www.phpernote.com/javascript-function/61.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js添加节点</title>
&...阅读全文
Jul172013
jQuery的Cookie插件 cookie 使用方法
cookies 是一个用 jQuery 来操作 Cookie 的插件。因为使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,所以为了方便日常的开发工作,就有人写了这样一个插件,使用这个插件 ,我们可以非常轻松的创建、获取和删除Cookies。
下面是该插件比较常见的一些操作:
$.cookies.set( 'sessid', 'dh3tr62fghe' );//设置cookie
var sessid = $.cookies.get( 'sessid' ...阅读全文
Jul122013
点击文本框后才加载验证码的JS代码
经常到各大网站去留言或者发帖的朋友应该知道现在很多网站的留言地方的验证码不是直接显示的。而是在点击验证码输入框之后才会显示出来验证码的。下面作者也总结了一篇关于如何利用js实现点击文本框然后再加载验证码的效果的。
首先我们来说说为什么要这么做吧,据作者看来,这个效果的目的应该不仅仅是为了美观的,更多的应该是进一步防止别有用心之人用机器人发送垃圾留言或者垃圾帖子。...阅读全文
Jul092013
jquery QQ 表情插件分享
最近因项目的要求需要在输入留言的文本框中支持输入QQ表情,这种效果已经很常见了,下面将自己在网上找到的一个使用jquery实现的qq表情插件做一下分享。
首先看一下这个qq表情插件的效果图吧!
下面是具体的实现代码(这里只贴了代码,下面提供有完整的下载包地址):
<html xmlns="http://www.phpernote.com/javascript-function/661.html">
<head>
<meta http-equiv...阅读全文
Jul072013
php header的用法小结
本篇文章对php语言中header函数的作用以及用法做一个小结。
php header()函数的具体作用是向客户端发送一个原始 HTTP 标头[Http Header]到客户端。
标头 (header) 是服务器以 HTTP 协义传 HTML 资料到浏览器前所送出的字串,在标头与 HTML 文件之间尚需空一行分隔。在任何实际的输出被发送之前调用 header() 函数(在 PHP 4 以及更高的版本中,您可以使用输出缓存来解决此问题)。
下面举...阅读全文
Jul022013
jquery模拟select下拉框效果
最近开发一网站的过程中碰到个需求,没有使用传统的select下拉框,而是使用了现代比较美观的一些元素设计了一个下拉框。对于这种东东,第一反应就是使用jquery来模拟了,还好,网上找了下,很快就找到了,而且效果还不错,这里和大家分享一下一个使用jquery模拟的select下拉框的效果。
首先看一下效果图吧!
下面是具体的源码!有兴趣的朋友自己看吧!应用到自己的项目中去还是非常容易...阅读全文
Jun242013
JQuery 获取页面关闭事件
以前分享过如何利用js阻止窗口关闭,这里再说一下如何利用 jquery 获取页面的关闭事件,当然这里不仅仅是阻止窗口关闭了,你可以在页面关闭之前做任何希望的动作。下面是具体的jquery代码:
<script src="http://www.phpernote.com/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(window).un...阅读全文
Jun242013
CSS3圆角效果实例
最近看到一个网站使用的圆角效果挺不错的,忙里偷闲今天也研究了一下。下面分享几个使用css3实现的圆角实例。
使用css3实现圆角效果主要是用到了 border-radius 这个属性,这个是css 3.0中新增的一个属性。这里将 border-radius 的兼容性列举如下;
浏览器
支持性
Firefox(2、3+)
√
Google Chrome(1.0.154+…)
√
Google Chrome(2.0.156+…)
√
Safari(3.2.1+ windows)
√
Interne...阅读全文