Archive for the 'Web Frontend' Category

新的广告交换、51.la统计和web标准

Tuesday, May 6th, 2008

标题又有点风牛马不相及,不过还是有那么一点点关联的,再说了,一篇文章的内容相对广泛,不仅有利于SEO,而且还会给胡乱转载者以困惑,同时还不会干扰正常转载、引用的朋友,嘿嘿。 首先说今天我第一次见到的网站广告交换–BlogUpp,感觉很新颖,很方便,就顺手也弄了一个,放在右边的广告下面,感觉特点如下:

不用注册,直接输入网址,就得到一段代码,扔网站页面上就行了。

......[阅读全文]

Tags: , , , , , , , , ,

CSS裸奔节之强制脱衣

Thursday, April 5th, 2007

今天是CSS裸奔节,所谓CSS裸奔,就是把网站的所有css去掉,这样所有的显示格式什么的就都没有了,只剩下html实体显示出来,起源好像是比较无聊的想法,就是剥去css的外衣,让大家看看你的(x)html代码是否工整。 不过今天偶不打算裸奔,而是告诉大家一个可以看到任何网站裸奔形象的方法,参考我以前写的用js丰富你的书签功能,创建一个书签,也可以放到书签工具栏上,内容如下: javascript:void((function(){var style=document.getElementsByTagName(’style’);for (i=0; i<style.length; i++)style.item(i).disabled=true;var link = document.getElementsByTagName(’link’);for (i=0; i<link.length; i++)if (’text/css’ == link.item(i).type)link.item(i).disabled=true;var obj = document.getElementsByTagName(’*');for (i=0; i<obj.length; i++){obj1 = obj.item(i);if (obj1.attributes.getNamedItem(’style’)){obj1.attributes.getNamedItem(’style’).value = ”;}}})());

......[阅读全文]

Tags: , , ,

CSS技巧两则——居中和编号列表

Sunday, April 1st, 2007

update @ 2007-04-10 让对象居中,只需要一句css:margin: auto;,感谢dNgpNg和heiyo的指正。下面是我自己瞎找的笨办法,仅供大家开拓一下思路。 – 利用css让对象居中,比如是一个div,有人说这还不简单?不就是text-align: center么?其实不对,这只是让对象所包含的内容居中,而不是让对象本身居中,其实,我还没有找到能够直接让div等块div对象居中的css方法,不过从Computing.Net找到了一个替代方案:

......[阅读全文]

动态载入js并执行(未成功)

Wednesday, August 30th, 2006

说是未成功,也包含了并未失败的含义,只是没有完全达到预期的目的罢了。 最初的想法是这样的,我零星的写过一些小文章或者小工具,都是使用html语言写的,但处于方便保存/转移/备份/浏览的目的,html中所有的内容全部都包含在一个文件当中,不使用图片,css和javascript也都直接包含在文件中。现在我想在这些文章和工具中添加一些统计代码和adsense代码,就想到了如果能有一个js文件,把统计代码和adsense代码都写在里面,然后在那些单独的html文件当中包含一下这个js文件就可以了,这样可维护性就大大的增强了。 首先要排除的是innerHTML方式,因为这种方式只能写入静态内容,写入js代码虽然能够成功,但被写入的代码却不会被执行。所以,最后采用了appendChild的方式,结果如下: 首先在html也中引用js文件:

......[阅读全文]

用js丰富你的书签功能

Sunday, July 23rd, 2006

美味书签、furl、cocomment等服务,都具备利用书签按钮“一键提交”的功能,其实一点儿也不复杂,只要你掌握了在收藏夹中使用js的方法,就可以为你的书签工具栏增色不少。 本文主要测试于firefox浏览器下,ie浏览器应该同理可用。 首先要发挥js在书签中的最大作用,你要知道如何让你的firefox工具栏显示出来,并且在书签项目上点击右键可以修改他们的内容。 在下面的例子中,所有的代码都需要填写在书签项目的Location栏中,并且为了浏览方便,部分内容我进行了分行,而在填到书签项目中的时候一定要合并成一行才行。

......[阅读全文]

Tags: , ,