存档: 标签: ‘JS’

js判断样式className和增加class删除class的通用代码

没有评论 2010年7月6日 admin

发布一个js判断样式className和增加class删除class的通用代码，部分代码参考prototype.js

<HTML>  
<HEAD>  
<TITLE>testClassName</TITLE>  
</HEAD>  

<BODY>  
<p>&nbsp;</p>
<div id=”cc”></div>
<script type=”text/javascript”>
function BrowserCompatible () {}

BrowserCompatible.hasClassName = function(element, className)
{
    if (!element) return;
    var elementClassName = element.className;
    if (elementClassName.length == 0) return false;
    //用正则表达式判断多个class之间是否存在真正的class（前后空格的处理）
    if (elementClassName == className || elementClassName.match(new RegExp(“(^|\\s)” + className + “(\\s|$)”)))
      return true;
    return false;
}
继续阅读…

前端开发, 学习资料 , ,

vancl网站商品图片切换js放大镜

2 条评论 2010年5月10日 admin

直接拷贝代码即可使用。

<!–代码开始–>

<!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 id=”ctl00_Head1″>
<meta http-equiv=”Content-Type” content=”text/html; charset=uft-8″ />
<title> 水洗情侣休闲衬衫（男款） 浅黄条纹-VANCL 凡客诚品</title>
<script type=”text/javascript” src=”http://www.vancl.com/js/jquery-1.2.3.pack.js”></script><!–jQuery 基础包–>
<link href=”http://www.vancl.com/css/comm.css” type=”text/css” rel=”stylesheet” /><!–公共css，用于控制图片–>
<link href=”http://www.vancl.com/Css/dpy.css” rel=”Stylesheet” /><!–公共css，用于控制图片显示位置–>
<link href=”http://www.vancl.com/css/jqzoom.css” type=”text/css” rel=”stylesheet” /><!–局部放大镜代码–>
<link href=”http://www.vancl.com/css/RockImg.css” type=”text/css” rel=”stylesheet” /><!–控制左侧目录图片–>
</head>
<body id=”body”>
<script type=”text/javascript”>
//jQuery.noConflict();
var isH = false;
var bigPXoffset;
var bigPYoffset;
jQuery(document).ready(function(){
$(“.jqzoom”).jqzoom(
{

zoomWidth: 260,
zoomHeight: 300

});
继续阅读…

学习资料 , ,

JS判断浏览器的类型

没有评论 2009年10月14日 admin

JS判断浏览器的类型

 在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。 我们先来分析一下各种浏览器的特征及其userAgent。 继续阅读…

前端开发