Category Archives: Skill | 技术

My Second Life.

XAMPP 虚拟主机配置,实现多域名访问本地项目

有时候你需要一些顶级域名访问方式来访问你本地的项目文件而不是目录方式访问,这时候就需要配置虚拟主机,给你的目录绑定一个域名(本地的话可以通过修改 hosts 文件随便绑定什么域名比如 www.a.com 或者 localdemo)。
现在假定你有两个目录,一个存在于 /xampp/htdocs/a,另一个存在于 /xampp/htdocs/b 。
现在你想要在本地测试的时候访问 www.a.com 对应的目录是 /xampp/htdocs/a ,访问 www.b.com 对应的目录是 /xampp/htdocs/b 。 Continue reading

Posted in Skill | 技术 | 30 Comments

Sweet Titles for jQuery (美妙的标题提示) !

Sweet Titles for jQuery (美妙的标题提示)
Sweet Titles 这个名字源自于一个改变 Title 提示效果的 js 插件 Sweet Titles Finalized。此插件不但让你的 title 提示效果变得美观,而且可以显示出你将要点击的链接的 url,让用户知道自己将要去哪里,同时提升了用户感受度。而且我认为,系统的 title 提示有时间延迟,用 js 实现的可以迅速的展示出来。 Continue reading

Posted in Skill | 技术 | 86 Comments

浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer

CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack,但是我今天发布的你可能并不都很了解,因为这些都是只针对单独一个浏览器的 CSS Hack。

Posted in Skill | 技术 | 49 Comments

改善网站体验小细节,点击改变链接的文本!

jQuery 真是一个非常伟大的 javascript library,至少在我不会写 JS 的时候第一时间接触了它,虽然还有其他很多优秀的 javascript library,但是目前我还是对其情有独钟,它让你的网站显得更加酷,同时在一定程度上给了用户不错的视觉体验… 有时候浏览器变得缓慢或者网络十分缓慢的时候,当你点击了一个链接,你要做的就是对着页面傻看着,页面既不刷新,也没有任何提示,并没有给用户一个好的引导。一些并不是网络从业者的访客可能都不知道你的网站到底怎么了,明明点击了链接却没有反应,从而造成了不好的印象。所以我觉得,为什么不给出一些提示来告诉他们页面正在加载中呢(当他们点击了某个链接的时候)。

Posted in Skill | 技术 | 34 Comments

用 jQuery 制作模拟下拉框,改变你的下拉框样式

传统的 Select 下拉框因为样式丑陋且无法随性更改样式而遭到了我的鄙夷,相信很多人都有此种观点。并且在ie6下,下拉框的优先级大于层,经常导致下拉框显示在层的上面。但是自从有了 Javascript,这些问题便不再是问题。最近正好在改版一个网站,要修改下拉框的样式,正好看到 CssRain 已经制作了这么一个很有用的插件,下面我就教大家怎么用 jQuery 制作一个模拟下拉框,从而实现对 Select 下拉框样式的定制。

Posted in Skill | 技术 | 25 Comments

拥抱 CSS 裸奔节,用 JavaScript 强制脱衣

因为我的博客很多时候都是处在调试中的,并且很多插件诸如 Simple Tags 是直接在标签里给元素加上 CSS 的,所以如果想要“裸奔”光是去除 .css 文件是远远不够的,那么有没有一种强制的方法呢?我昨晚就在想这样一种方法。于是被我想到了。也就是本文介绍如何 “强制脱衣” ,也就是教你如何强制去除网站的 CSS

实现原理:众所周知,CSS 调用有三种方法,一种是 link 方式,一种是 <style></style> 包裹方式,最后一种就是直接且暴力的 style=”” 方式,通过 Javascript 代码,强制禁用 type=”text/css” 的 link 或者 让 link 链接 css 的 href=”” 为空,且让 <style></style>
被清除或者禁用,且让 style=”” 为空 或者去除。 Continue reading

Posted in Skill | 技术 | 31 Comments