May232013
JS如何判断鼠标向上还是向下滚动
js如何判断滚轮的上下滚动,我们应该都见到过这种效果,用鼠标滚轮实现某个表单内的数字向上滚动就增加,向下滚动就减少的操作,这种效果是通过js对鼠标滚轮的事件监听来实现的。今天简单的研究了一下如何使用javascript来判断鼠标是向上滚动还是向下滚动,简要分享。
首先,不得不说一下,因为不同的浏览器有不同的滚轮事件。主要是有两种,onmousewheel(firefox不支持)和DOMMouseScrol...阅读全文
抢沙发
May232013
jquery如何处理json数据
jquery结合php如何处理json数据,直接看如下例子:
php端代码:
$data['id'] = 1;
$dat['name'] = "mary";
$da['red']= array_merge($data,$dat);
$data1['id'] = 2;
$dat1['name'] = "燕子";
$da['blue']= array_merge($data1,$dat1);
print_r($da);///打印出来是一个二维数组(如下)
/*
Array
(
[red] => Array
(
[id] => 1
...阅读全文
May232013
javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器
使用 javascript 判断当前用户点击的是鼠标左键还是右键是很简单的,只需要给对象加上 onmousedown 事件,通过 javascript 的 e.button 值来进行判断,下面直接上例子。
document.onmousedown=judgeMouseButton;
function judgeMouseButton(e){
var e=window.event||e;//获取事件对象
var value=e.button;
if(value==2||value==3){
alert('点击的是鼠标右键');
}else{
al...阅读全文
May232013
CSS浏览器兼容性问题解决方法总结
CSS浏览器兼容解决总结如下:
1. CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别
区别IE6与FF: background:orange;*background:blue;
区别IE6与IE7: background:green !important;background:blue;
区别IE7与FF: background:orange; *background:green;
区别FF,IE7,IE6: backg...阅读全文
May232013
JavaScript 如何处理 php 返回json格式的数据
JavaScript 如何处理 php 返回json格式的数据,下面我们通过一个示例来说明!
假设php返回如下一个数组:
$arr = array(
array(
'name'=>'qianyuqianxun',
'nick'=>'千与千寻',
'contact'=>array(
'website'=>'http://www.phpernote.com'
)
),
array(
'name'=>'qisha',
'nick'=>'七煞',
'email'=>'yhm.1234@163.com',
'contact'...阅读全文
May232013
jquery实现随滚动条滚动而加载数据的功能
jquery实现随滚动条滚动而加载数据的功能,目前比较流行的瀑布流就是这种实现形式,具体代码以及使用方法如下:
<html>
<head runat="server">
<title>拉动滚动条加载数据</title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var i = 4;$(wi...阅读全文
May232013
js动态创建html内容
下面以动态创建 jiathis 分享组件来说明一下如何利用 js 动态创建 html 元素。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js动态创建html内容</title>
</head>
<body>
<div id="jiathis_style_32x32"></div>
<script language="javascript">
var jiathis_el...阅读全文
May232013
JavaScript 验证手机号码的正则表达式
JavaScript 验证手机号码的正则表达式,具体代码如下:
function checkMobile(){
var phone=document.getElementById("phone").value;
var reg0=/^13\d{5,9}$/; //130--139。至少7位
var reg1=/^153\d{8}$/; //联通153。至少7位
var reg2=/^159\d{8}$/; //移动159。至少7位
var reg3=/^158\d{8}$/;
var reg4=/^150\d{8}$/;
var my=false;
if(reg0.test(phone)){my=t...阅读全文
May232013
js获取表格的行数和列数(兼容IE和firefox)
本篇文章分享一下如何通过js获取一个表格的行数和列数。很简单,这里举例说明,现在假设有一个表格id属性值为test,则利用javascript获取该表格的行数和列数的写法如下(同时兼容ie和firefox的哦!):
var tab=document.getElementById("test") ;
//表格行数
var rows=tab.rows.length ;
//表格列数
var cells=tab.rows.item(0).cells.length ;
alert("行数"+rows+"列数"+cells);
阅读全文
May232013
防止退格键返回的处理办法
防止因按退格键导致页面返回的处理方法,将下段javascript代码加入到页面中,注意无需加入到$(document).ready(function(){}代码块里面。
$(document).keydown(function(e){
var keyEvent;
if(e.keyCode==8){
var d=e.srcElement||e.target;
if(d.tagName.toUpperCase()=='INPUT'||d.tagName.toUpperCase()=='TEXTAREA'){
keyEvent=d.readOnly...阅读全文