存档

‘HTML_CSS_JS’ 分类的存档

[整理]用CSS自动缩小过宽图片

2010年2月21日 Galaxy 没有评论

简单说，如果要全局改，就是：

img {
	max-width: 600px;
	width: expression(this.width > 600 ? 600: true);
	height: auto;
}

对WP的主题，就是改style.css。
阅读全文…

分类: HTML_CSS_JS 标签: , ,

[ZT]Google 排名中的 10 个最著名的 JavaScript 库

2009年11月15日 Galaxy 没有评论

http://www.cnbeta.com/articles/97804.htm

Google 排名中的 10 个最著名的 JavaScript 库

ugmbbc发布于 2009-11-14 09:41:43|8173 次阅读

感谢COMSHARP CMS的投递

新闻来源:tripwiremagazine.com

JavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今 JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库面前又觉得无所适从，本文，我们将使用 Google 搜索出排名前 10 位的 JavaScript 库，并对它们逐一进行介绍。

阅读全文…

分类: HTML_CSS_JS 标签: ,

[ZT]网站博客文章防复制另存为和查看源代码方法与破解

2009年10月19日 Galaxy 没有评论

其实，就NoScript和CleanHide两插件完全搞定。

javascript:s=document.documentElement.outerHTML;document.write’<body></body>’);document.body.innerText=s;

这个对付js加扰挺实用……
貌似不能运行？

javascript:alert(document.documentElement.outerHTML)

这个倒是可以……

http://feilong.org/fangzhi-fuzhi-no-copy
阅读全文…

分类: HTML_CSS_JS 标签: , ,

[ZT]无刷新表格排序

2009年10月8日 Galaxy 没有评论

http://www.nethobo.com/2009/03/13/sort-table-without-refresh-same-for-gridview/

无刷新表格排序(同样适用于GridView)
发表于: 星期五, 2009 三月 13 作者: Hobo

下载本教程(含sorttable.js脚本) http://www.box.net/shared/53al1imrk4
原文:http://www.kryogenix.org/code/browser/sorttable/
中文原文:创建一个Ajax效果的表格排序 http://parandroid.com/ajax-effect-of-the-creation-of-a-sort-the-table/

翻译：帕兰

一些数据这几天我一直在寻找一个好的和简单的方式来排序数据转化为一个表格，一个简单的点击表头，我发现这个有趣的框架：来自Stuart Langridge的sorttable.js. 。本教程讲述了如何使用它来实现这种Ajax效果的数据表格：

Hobo ps:补充一句,这种方法同样适用于GridView,这两天我就是在做.net的数据页面的时候找到了这个插件,的确很方便,超级简单,但是在我使用的过程中这个效果和GridView表头固定表体滚动的那部分冲突了,在设置了表头固定后再滚动一小段并排序会导致表头消失..这个问题还在解决中..

阅读全文…

分类: HTML_CSS_JS 标签: ,

[ZT]利用纯CSS创建折线图

2009年10月8日 Galaxy 没有评论

http://www.nethobo.com/2009/04/10/the-use-of-pure-css-to-create-line-graph/
http://cssglobe.com/post/4175/pure-css-line-graph

先占位，以后再编辑……

分类: HTML_CSS_JS 标签: ,

[ZT]利用Javascript实现较慢代码的延迟加载

2009年6月16日 Galaxy 没有评论

http://www.keakon.cn/bbs/thread-82-1-1.html 原帖由 [i]keakon[/i] 于 2008-10-15 17:20 发表 [url=http://www.keakon.cn/bbs/redirect.php?goto=findpost&pid=452&ptid=82] 先介绍下原理吧。

浏览器会按照标签依次向下解析，每解析一个，就显示一个的内容。 而Javascript可以更改标签内的内容，可以实现将已经显示过的少量预览内容，在全部加载完后变成完整内容。

方法如下： 1.在需要插入JS的地方插入以下代码：

<SPAN id=wait1>LOADING…</SPAN>

那个LOADING…你可以换成其他话或者自己喜欢的小图片。

2.然后在页面最底端插入：

<SPAN class=spanclass id=wait2>
 你的JS代码在这里!</SPAN>
<script>wait1.innerHTML=wait2.innerHTML;wait2.innerHTML="";</script>

附送一个修改比酷的例子（请自行备份原文件）：

注意： 这种方式可能造成一些特效失效，如不切换图片、鼠标无法切换排名，原因是比酷使用了{subject}，在调用时很容易出错，可以用这篇帖的办法来修改：《利用Javascript实现较慢代码的延迟加载》。

1.打开模版disucz.htm，找到原来的比酷插件代码（你的可能和我不一样）：

{eval request(‘bekuushow’);}

2.替换为：

<span id=bekuu>
	<center>
		正在加载快速浏览页面，请稍后
		<img src="images/default/loading.gif" />
	</center>
</span>

这里加载了一个小图，你可以找任意的图片替换images/default/loading.gif，或改成其他路径；如果你不用的话，可以删掉这句。

3.在页面底部，即{subtemplate footer}后面（如果要符合规范性，应该放在前面，因为footer模板有html的结束标记）加入如下代码：

<span class=spanclass id=wait_bekuu>
	<script type="text/javascript">
		{eval request('bekuushow');}
	</script>
</span>
<script type="text/javascript">
	bekuu.innerHTML=wait_bekuu.innerHTML; wait_bekuu.innerHTML="";
</script>

4.如果效果没出来，去后台刷新下缓存。

分类: HTML_CSS_JS 标签: ,

[ZT]HTML特殊字符显示

2009年4月26日 Galaxy 没有评论

http://www.admin5.com/html/html_tutorials/015_HTML_entities.html

HTML字符实体(Character Entities)

有些字符在HTML里有特别的含义，比如小于号<就表示HTML Tag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？

这就要说到HTML字符实体(HTML Character Entities)了。

一个字符实体(Character Entity)分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是一个分号。

比如，要显示小于号，就可以写&lt;或者&#60;。

用实体(Entity)名字的好处是比较好理解，一看lt，大概就猜出是less than的意思，但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号，各种浏览器都能处理。

注意：Entity是区分大小写的。

如何显示空格

通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用&nbsp;表示空格。

最常用的字符实体(Character Entities)

显示结果 说明 Entity Name Entity Number
显示一个空格 &nbsp; &#160;
< 小于 &lt; &#60;
> 大于 &gt; &#62;
& &符号 &amp; &#38;
“ 双引号 &quot; &#34;

其他常用的字符实体(Character Entities)

显示结果 说明 Entity Name Entity Number
© 版权 &copy; &#169;
® 注册商标 &reg; &#174;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

更多字符实体(Character Entities)

更多字符实体(Character Entities)请参见ISO Latin-1字符集。

阅读全文…

分类: HTML_CSS_JS 标签: , ,

[ZT]细数国内几个比较牛的网站UED博客

2009年4月17日 Galaxy 没有评论

http://www.cnbeta.com/articles/82049.htm
ugmbbc发布于 2009-04-16 21:22:46|9695 次阅读

感谢方来的投递

http://raildoor.com/blog/u/2/archives/2009/1372.html
图片失效，还是换原版，再自传图片……

阅读全文…

分类: HTML_CSS_JS 标签: , ,
Locations of visitors to this page