22
2014-02

jquery和javascript的区别(常用方法比较)

jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单。人家怎么说的来着,jquery就是要用更少的代码,漂亮的完成更多的功能。JavaScript 与JQuery 常用方法比较
1、加载DOM区别
JavaScript:
window.onload
function first(){
alert('first');
}
function second(){
alert('second');
}
window.onload = first;
window.onload = second;
//只会执行第二个window.onload;不过可以通过以下方法来进行改进:
window.onload = function(){
first();
second();
}
Jquery:
$(document).ready()

27
2013-11

js选项卡及如何用js获取a标签的链接并改变该链接背景色

       最近忙客户的事情,需要对课程分类做修改,实现用户停留在当前页面,当前页面所在的文字链接同事出现一个背景色,研究了一下,就把实例写下来:

       demo【点击访问

26
2013-11

div+css+juqery返回顶部按钮代码

实现效果:当页面滑动一段距离之后,就会浮现出来这个按钮,点击这个按钮之后,就自动滚动到顶部。

HTML结构

<a id="gotop" href="#"></a>

CSS代码

#gotop{ 
    display:block;  
    width:60px; 
    height:60px;
    position:fixed;  
    bottom:50px;  
    right:40px; 
    border-radius:10px 10px 10px 10px;   
    text-decoration:none;  
    display:none;  
    background-color:#999999;     
}

jQuery代码

18
2013-11

HTML5中a标签的新属性:download

       HTML5新增了一些标签,他们优雅,富含语义。也淘汰了一些过时的,无意义的标签。<a>标签作为超链接标签,虽然在HTML5中没有添加新的语义,但是却新增了一个目前还很少有人知道和应用的download属性。通过<a>标签设置download属性,可以让浏览器生成下载窗口下载文件,而不是直接跳到url链接上去。如下:

<a href="img/photo.jpg" download="img">下载图片</a>
05
2013-11

JS向上滚动代码

js向上滚动代码,直接上代码:

<style type="text/css">
 #scroll{width:230px; height:490px;  overflow:hidden;  }/*line-height是每次移动的距离,overflow;hidden 也不能省*/
</style>
<script type="text/javascript">
function Marquee(){
  this.ID=document.getElementById(arguments[0]);
  this.Direction=arguments[1];
  this.Step=arguments[2];
  this.Width=arguments[3];
  this.Height=arguments[4];
  this.Timer=arguments[5];
23
2013-10

js本地存储解决方案(localStorage与userData)

WEB应用的快速发展,是的本地存储一些数据也成为一种重要的需求,实现的方案也有很多,最普通的就是cookie了,大家也经常都用,但是cookie的缺点是显而易见的,其他的方案比如:IE6以上的userData,Firefox下面的globalStorage,以及Flash的本地存储,除了Flash之外,其他的几个都有一些兼容性的问题。

sessionStorage与localStorage
Web Storage实际上由两部分组成:sessionStorage与localStorage。

23
2013-10

实现“三栏-中栏流动布局”的两种方法

本文介绍实现中栏流动布局的两种方法。一种是在中栏改变大小时使用负外边距定位右栏,此方法结构略显复杂,但是很巧妙并且有效。 另一种是使用 CSS3 让栏容器具有类似表格单元的行为 ,这种方法很简单易理解,但是无法在低版本IE浏览器(IE6,7)上正常使用。

用负外边距实现

其实现方法是添加两个div外包装,其中一个外包装包围所有三栏,另一个外包装只包围左栏和中栏。

17
2013-10

利用css3实现会呼吸的按钮效果

醒目的动画效果按钮,常用在产品首页显著位置的下载按钮

兼容性:IE9+,Chrome,Firefox

实现原理:CSS3动画控制按钮阴影样式。

代码如下:

08
2013-10

Javascript判断IE6

常用:

if (window.ActiveXObject && navigator.userAgent.toLowerCase().match(/msie ([\d.]+)/)[1] == 6.0) {
    // ie6
}


IE条件判断:

25
2013-09

判断客户端是电脑访问还是手机访问,然后进行跳转

最近公司搞APP新闻,类似于网易新闻,但是文章分享到新浪微博,微信或者QQ空间的时候,分享页面需要判断(因为是两个页面,一个手机页面,一个网页专用页面),客户端是电脑访问还是手机访问,然后进行跳转,废了九牛二虎之力终于搞定了,需要你在两个不同页面里面添加如下代码。
代码如下:

25
2013-09

如何用最简单的代码实现discuz X3的固定导航

看到discuz x3的导航在滚动到顶部的时候会固定在顶部,呈透明状态,觉得蛮好的,研究了一下,觉得他们的代码太复杂了,而且只适合他们自己的程序,所以就自己写了一个简单的js,希望可以帮到需要用的人哦,直接上代码了

12
2013-09

jquery通过AJAX 改变文本

直接上代码:

<!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 NAME="Description" CONTENT="">
</HEAD>

04
2013-09

如何用CSS3为自己的网页定义特殊字体?

       在做网页的时候,会遇到某些字体不支持的情况,这个时候怎么办呢?在CSS3中,有一种定义可以轻松帮你解决,在样式中定义自己网页的特殊字体!

代码如下:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
@font-face{
    font-family:myFont;
    src:url('Sansation_Light.ttf'),url('Sansation_Light.eto');
    }
@font-face{
    font-family:myFont;
    src:url('Sansation_Bold.ttf'),url('Sansation_Bold.eot');
}
div{font-family:myFont;}
</style>
</head>
                  
<body>
<div>窗前明月光,beautiful疑是地上霜。123456hpiewpfrkpwkf;s举头望明月,低头思故乡。bed yue yue guang</div>
</body>
</html>

本段代码Demo:点击预览

02
2013-09

css3创建动画过渡效果

最近研究了一下css3,可以通过CSS样式就能够实现动画效果,而且效果很好哦

<!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>