鼠标移上去移开点击 修改按钮背景图片

Posted by phper star | Posted in JQUERY | Posted on 2012-9-19 18:17

今天之前同事让帮忙写个小特效,就是一个按钮,当鼠标移动上去和点击之后的背景图片要一样,鼠标移开, 又是另外一种效果。本来觉得这种东西,网上应该很多的,结果搜索了半天也没有发现。真心蛋疼。于是决定 将自己写的代码贴一份出来,及其简单,只做备份使用。不懂得就随便看看,做做参考就好。收获:知道了如 何去解决onmouseout 和 onclick 事件之间的冲突,我采用的是叫标示的方法。还有其它方法,大家可以...

阅读全文>>

thickbox height参数和程序url参数冲突解决办法

Posted by phper star | Posted in JQUERY | Posted on 2012-8-28 10:37

 

问题描述:

       当使用框架程序时,url为http://www.phperstar.com/?c=findpwd&m=fpwd 形式,如果这个时候再在

 

页面中使用thickbox,地址为href="#TB_inline?height=100&width=450&i...

阅读全文>>

table换行高亮

Posted by phper star | Posted in JQUERY | Posted on 2012-7-24 23:01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD charset="UTF-8">
  <TITLE> table 高亮 </TITLE>
  <script type...

阅读全文>>

jquery让链接失效

Posted by phper star | Posted in JQUERY | Posted on 2011-11-6 23:50

如何用jquery实现,让网页中的链接失效。下面是两段代码,不同的效果。

 

<!DOCTYPE html>  

<html lang="en">  

<head>    

<meta charset="utf-8">    

<title>...

阅读全文>>

javascript对联式飘浮锚点

Posted by phper star | Posted in JQUERY | Posted on 2011-8-9 10:40

        当一个页面需要滚几屏才结束时,可是整个页面就为了突出某一点时,有没有想过加一个随屏幕滚动的锚点,但用户点击这个锚点之后,就直接跳转到重点部分。这样的事情,在做一个宣传然后吸引用户去注册的专题页面用的十分多,整面的描述就是为了吸引用户去注册,注册才是重点,但用户如果想注册需要不断翻滚页面,直到看到注册信息...

阅读全文>>

JQUERY 插件JW PLAY 播放器使用教程

Posted by phper star | Posted in JQUERY | Posted on 2011-5-18 18:18

JQUERY 插件JW  PLAY 播放器,支持swf,mp4,mp3等多种格式。经测试,暂时只支持IE   

 

以下是使用方法:

<html>
<head>
<title>JW PLAY</title>
<script type="text/javascript" src="jwplayer.js"></script> 
</head>
<body>
<div id="container">Loding the player....</div>
<script type="text/javascript">
jwplayer("container").setup({
 flashplayer:"player.swf",    
 file:"video.mp4",
 height:270,
 width:480
});
</script>
</body>
</html>

代码和实例下载地址(支持迅雷快速下载 577.89KB ):

   http://u.115.com/file/e60hv2ul

jquery学习之ABC[二]

Posted by phper star | Posted in JQUERY | Posted on 2011-5-15 13:38

                                                                jquery选择器

jQuery提供两种方式来选择 html elements ,第一种是用 CSS Xpath 选择器联合起来形成一个字符串来传送到 jQuery 的构造器(如: $("div > ul a") );第二种是用 jQuery 对象的几个 methods( 方法 ) 。这两种方式还可以联合起来混合使用。

        首先,我们通过starterkit.html 文件中的 <ol id="orderedlist"> 来做一下测试:

        普通方式是这样:document.getElementById('orderedlist').;

        但是在jquery 中我们需要这样做:

             $(document).ready(function() { 

              $('#orderedlist'). addClass("red");   // orderedlist 添加一个样式 red

            });

         刷新之后,会发现 starterkit.html文件中的第一列表的背景颜色变成了红色。

          

         现在,让我们添加一些新的样式到list 的子节点 .

               $(document).ready(function() {

                   $("#orderedlist > li").addClass("blue");

               });

         这样,所有orderedlist 中的 li 都附加了样式 "blue"

       

               $(document).ready(function() {

                    $("#orderedlist").find("li").each(function(i) {

                   $(this).html( $(this).html() + " BAM! " + i );

                     });

               });

find() 让你在已经选择的 element 中作条件查找 , 因此  $("#orderedlist).find("li")  就像  $("#orderedlist li"). each() 一样迭代了所有的 li ,并可以在此基础上作更多的处理。 大部分的方法 , addClass(),  都可以用它们自己的  each()  。在这个例子中 , html() 用来获取每个 li html 文本 追加一些文字,并将之设置为 li html 文本。

jquery学习之ABC[一]

Posted by phper star | Posted in JQUERY | Posted on 2011-5-14 0:48

                                                       第一个jquery 程序 hello world

1. 下载jquery 库和测试实例包 jQuery Starterkit      http://docs.jquery.com/Downloading_jQuery

 

2. 下载好之后就可以开始jquery之旅了

     解压缩实例包 jQuery Starterkit  可以看到这样两个文件:starterkit.html  和  custom.js

要做测试,直接修改custom.js 这个文件就可以了,默认的是以下的内容:

      $(document).ready(function() {

     // do something here

      });

修改好这个文件之后,刷新一下starterkit.html 这个网页就可以看到效果了,默认的这个网页会有一些基本的 html 元素,可以不用管它。

 

 3.第一 jquery 例子: hello world

       修改custom.js 这个文件:

       $(document).ready(function() { 

     $('a').click(function(){alert("hello world!");})  //加入一个页面链接的单机事件

      });

       修改好之后,刷新starterkit.html 页面,点击 some link 链接就可以看到弹出的窗口了。

 

4.  第一个例子讲解:

        $(elements)     为一个或多个DOM 元素捆绑 jQuery 功能。这个函数也可以接收 XML 文档和 Window 对象(虽然它们不是 DOM 元素)作为有效的参数。

        ready(fn)       DOM 载入就绪可以查询及操纵时绑定一个要执行的函数。

        click(fn)       在每一个匹配元素的click 事件中绑定一个处理函数。

       alert();      警告框经常用于确保用户可以得到某些信息。