Heluyao | 11gz.com - Part 4

订阅此博客

文章更新

Just One Last Dance 现场版

2009-11-2 下午 - 乱七八糟 - music - 音乐

比较经典的一首NBA的主题曲了吧，弥漫着浪漫的蓝色情调，来自全球节奏蓝调歌后Sarah Connor(莎拉柯娜)。

现场版，主旋律的柔美，副歌部分的激昂，一首好歌。

2 Comments » |

基于jQuery实现自动轮换的选项卡

2009-10-26 上午 - Javascript/Ajax - JQuery

想写个这样的东西很久了，恰巧项目中要用到，就下了点功夫。利用模拟鼠标事件来做轮换…

模拟鼠标事件的函数：trigger(type,[data]) 在每一个匹配的元素上触发某类事件。

点击预览效果

点击下载代码

4 Comments » |

Taylor Swift — Fifteen 现场版

2009-10-23 下午 - 乱七八糟 - music - 吉他 - 演唱会 - 音乐

由于该视频播放器页面加载后自动播放，体验上比较的不爽，换成图片链接，有兴趣可以过去看看哦。

听着，很爽的歌！这种灯光舞台风格也很明朗…

No Comments » |

PageRank退出历史舞台

2009-10-17 上午 - 乱七八糟 - Google - pr

今天google相关工作人员已公开说谷歌将删除工具栏的PageRank，PageRank不会列入算法中。以下是原文：
原文大意为：我们老早就告诉你们了，不要花这么多精力去关注PageRank，但还是有很多人乐此不疲，把研究这个当成是头等大事，这是一件不正确的事情，我们在工具条去掉了PageRank的数据，就是不想让大家每天都傻傻的盯着PR的展示，仅仅关注数字的高低而已。

跟PR说再见了！这个做法很好，支持ing…

顺便说句：Alexa推出中文版啦，现在终于意识到华人的庞大用户群了！

3 Comments » |

基于jQuery实现星级评分效果

2009-10-13 下午 - Javascript/Ajax - JQuery

仿照『口碑』的评星级效果做的一点小东西，测试下自己这段时间的学习成果···

看图知效果：

星级评分

预览效果：星级评分

下载文件：star-Level.rar

口碑的代码：starLevel-koubei.rar[提取自口碑网]

html

<div class="selectStar">
<ul class="clearfix">
<li>
<span class="red">*</span>
<span class="zi">服务　　</span>
<span id="dpCont1" class="dpCont"></span>
<em id="dpStar1" class="">
<a href="#" id="1">1</a>
<a href="#" id="2">2</a>
<a href="#" id="3">3</a>
<a href="#" id="4">4</a>
<a href="#" id="5">5</a>
</em>
</li>
</ul>
</div>

javascript:

$(function(){
var className;
var classID;
var dpText="";
var dpTextC="";
$(".selectStar em a").bind("click",function(){
className = "selectS" + $(this).attr("id");
classID = $(this).parent().attr("id");
$(this).parent().removeClass().addClass(className);
if($(this).attr("id") == 1 || $(this).attr("id") == 2) {dpTextC = "差评";}
if($(this).attr("id") == 3 || $(this).attr("id") == 4) {dpTextC = "中评";}
if($(this).attr("id") == 5) {dpTextC = "好评";}
$(this).parent().prev(".dpCont").text(dpTextC);
return false;
})
.bind("mouseover",function(){
if($(this).attr("id") == 1 || $(this).attr("id") == 2) {dpText = "差评";}
if($(this).attr("id") == 3 || $(this).attr("id") == 4) {dpText = "中评";}
if($(this).attr("id") == 5) {dpText = "好评";}
$(this).parent().removeClass().addClass("selectS" + $(this).attr("id"));
$(this).parent().prev(".dpCont").text(dpText);
})
.bind("mouseout",function(){
$(this).parent().removeClass("selectS" + $(this).attr("id"));
if($(this).parent().attr("id") == classID){
$(this).parent().addClass(className);
}
$(this).parent().prev(".dpCont").text(dpTextC);
});
});

妙招解决jquery中$和其他库的冲突

2009-10-13 下午 - Javascript/Ajax - JQuery

方法一：

jQuery.noConflict(); //将变量$的控制权让渡给其他js库
jQuery(function($){ //使用jQuery设定页面加载是执行的函数
$("p").click(function(){ //函数内部使用$()方法
alert($(this).text());
});
});
$("p").style.display = "none"; //使用其他js库

————————- 分界 ————————

方法二：

jQuery.noConflict(); //将变量$的控制权让渡给其他js库
(function($){ //定义匿名函数并设置形参为$
$(function(){ //匿名函数内部的$均为jQuery
$("p").click(function(){ //继续使用$()方法
alert($(this).text());
});
});
})(jQuery); //执行匿名函数且传递实参jQuery
$("p").style.display = "none"; //使用其他js库

给Dreamweaver安装jQuery插件jQuery_API.mxp

2009-09-10 下午 - Javascript/Ajax - DW - JQuery - 插件

要让Dreamweaver支持jQuery自动提示代码功能，方法很简单，下载一个插件—jQuery_API.mxp[点击下载]。

在Dreamweaver里依次选择“命令” -> “扩展管理” -> “安装扩展” -> …，就会自动安装了。

成功后重启Dreamweaver，就大功告成了。

注意：如果您安装的是精简版的Dreamweaver，那么请先下载Adobe Extension Manager 插件管理器[点击下载]，我自己是cs3的，因此该处链接也是适用于cs3，请根据自己相应版本选择下载。

4 Comments » |

解决DW CS3代码缩进Tab变空格

2009-09-2 下午 - Web Development - DW

前段时间将Dreamweaver升级了一下，只是升级到CS3的版本。用起来没觉得有明显的变化，操作习惯还能继续维持。

有一点，让我苦恼了好几天。就在关于代码缩进的问题，我的习惯一直是以Tab作为缩进，但是当我在写代码时敲回车就会将后面一行的缩进变为空格，虽然距离是一样的，看上去相同，但是心里总是不爽，想找出问题的究竟，一开始还真没找到，后来突然在“首选参数”项里找到了相应的设置选项。终于得以解决。

解决办法：“编辑” -> “首选参数” -> “代码格式” -> “缩进”

顺便说句，本人目前还是认为写代码最快最便捷的工具就是Dreamweaver。EditPlus虽然打开速度很快，但是其他方面是远不如她的，EditPlus用于编写JS和代码的修改还是不错的选择。搜狗拼音输入法经常导致Dreamweaver崩溃，原因不清楚，还在忍耐中，哪天不爽了卸掉它，装谷歌家的。

3 Comments » |