日志分类:jQuery+Css

IE6、 IE7、IE8、Firefox兼容性问题

2010/02/24 1:54 下午  |  分类:jQuery+Css

1.区别IE和非IE浏览器

#tip {
background:blue; /*非IE 背景藍色*/
background:red \9; /*IE6、IE7、IE8背景紅色*/
}


2.区别IE6,IE7,IE8,FF

【区别符号】:「\9」、「*」、「_」
【示例】:

#tip {
background:blue; /*Firefox 背景变蓝色*/
background:red \9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}

【说明】:因为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏 览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。

全文阅读 »

jQuery 1.4.1 中文文档 CHM 版发布

2010/02/02 11:47 上午  |  分类:jQuery+Css

新鲜出炉,更新了大量内容,应该还有一些BUG,欢迎纠错:

http://code.google.com/p/jquery-api-zh-cn/downloads/list

本来更早出来的,结果半路又杀出1.4.1,而且发现bind、live还有ajax等方法有大量更新,所以重新翻译这三个方法,消耗了大把时间。 所以今天才发出来。

js取时间

2010/01/31 10:34 上午  |  分类:jQuery+Css

    var myDate = new Date();

     myDate.getYear();        //获取当前年份(2位)

     myDate.getFullYear();    //获取完整的年份(4位,1970-????)

     myDate.getMonth();       //获取当前月份(0-11,0代表1月)    //parseInt(myDate.getMonth()+1)

     myDate.getDate();        //获取当前日(1-31)

     myDate.getDay();         //获取当前星期X(0-6,0代表星期天)

     myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)

     myDate.getHours();       //获取当前小时数(0-23)

     myDate.getMinutes();     //获取当前分钟数(0-59)

     myDate.getSeconds();     //获取当前秒数(0-59)

     myDate.getMilliseconds();    //获取当前毫秒数(0-999)

     myDate.toLocaleDateString();     //获取当前日期 --2009年4月23日

     var mytime=myDate.toLocaleTimeString();     //获取当前时间 --11:01:08

     myDate.toLocaleString( );        //获取日期与时间 --2009年4月23日 11:17:30

世界上最小的 MP3 Web 播放器

2010/01/29 6:51 下午  |  分类:jQuery+Css

在 Web 页面上播放播放 MP3 音频并不难,我们曾在 5 个免费的 Web 视频及音频播放器一文中,介绍过两个 MP3 Web 播放器,它们的功能都很强大,会在页面上显示播放界面,控制 MP3 音频的播放,我们今天介绍这个 MP3 Web 播放器 1 Bit Audio Player,其播放界面只有一个箭头那么大。它可以嵌入你的 Web 页面,在每个 MP3 链接的后面生成一个播放箭头,点击后现场播放。

这是 1 Bit Audio Player 自动在 Web 页面的 MP3 链接后面生成的播放箭头

点击播放箭头,即可现场播放该音频

g2 世界上最小的 MP3 Web 播放器

全文阅读 »

如何做CSS hack:教你区分IE6,IE7,firefox

2010/01/04 7:04 下午  |  分类:jQuery+Css
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
IE6 IE7 FF
* ×
!important ×

另外再补充一个,下划线”_”,
IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

function addCookie()
{
 if (document.all)
    {
       window.external.addFavorite('http://www.carzymusic.com','疯狂音乐网');
    }
    else if (window.sidebar)
    {
       window.sidebar.addPanel('疯狂音乐网', 'http://www.carzymusic.com', "");
 }
}

function setHomepage()
{
 if (document.all)
    {
        document.body.style.behavior='url(#default#homepage)';
  document.body.setHomePage('http://www.crazymusic.com');

    }
    else if (window.sidebar)
    {
    if(window.netscape)
    {
         try
   {
            netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
         }
         catch (e)
         {
    alert( "该操作被浏览器拒绝,如果想启用该功能,请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true" );
         }
    }
    var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components. interfaces.nsIPrefBranch);
    prefs.setCharPref('browser.startup.homepage','http://www.carzymusic.com');
 }
}

jQuery文本字数限制插件-maxlength

2009/12/27 9:59 上午  |  分类:jQuery+Css

相信大家对twitter类的微博客都不陌生,作为一句话博客其字数即时提示效果设计的非常人性化.

51737245200904061710111046791414548 000 jQuery文本字数限制插件 maxlength

实现这个效果有很多方法,这里就介绍一种jQuery插件maxlength,它的使用非常简单,让我们先看看演示:
Demo
maxlength.js下载

看看Demo中的重点代码:
1.载入maxlength.js


全文阅读 »

Pages: 1 2 3 Next