存档

‘HTML_CSS_JS’ 分类的存档

[ZT]菊花文和边框文实现原理

2010年6月8日 Galaxy 没有评论

http://be-evil.org/post-179.html
这博客真的很坏，js代码是用图片给的，非逼我抄一份……

菊花文和边框文实现原理
作者：朦朧中的罪惡

最近网上开始流行神奇的菊花文和边框文，比原来的火星文更容易读取也更容易突破关键词防御系统

菊花文表现形式为：朦҉胧҉中҉的҉罪҉恶҉

边框文表现形式为：[̲̅朦̲̅胧̲̅中̲̅的̲̅罪̲̅恶̲̅]
阅读全文…

分类: HTML_CSS_JS 标签: ,

Google Pac-Man 首页简单分析

2010年5月22日 Galaxy 1 条评论

前天临晨就看到了，一猜就是js的。昨天忙，没分析，今天看到cB上有帖子说，就也分析了下。
阅读全文…

分类: 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 标签: ,
Locations of visitors to this page