极酷的javascirpt让你随意编辑任何网页

2016-02-19 10:33 2 1 收藏

下面是个极酷的javascirpt让你随意编辑任何网页教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

javascript 的编程有时会非常有趣,其情形可以参考我们的煎蛋大师傅 sein 在偶然得知了一个 javascript 秘籍后的兴奋癫狂状(下面的留言更值得一看),现在有人挖掘出了一个蛮酷的技巧,只要打开一个网站,然后在地址栏内打入:
代码如下:

javascript:document.body.contentEditable='true'; document.designMode='on'; void(0)
请将其中的全角符号改为半角,回车,OK,你就可以随意编辑这个这个页面了。喜欢恶搞的人,快快打开……嗯,比如 Microsoft 的网站,然后改它个面目全非吧。

#厚道的提醒1:这种更改当然只能自己看着爽爽,不会影响到服务器,可谓最正宗的YY也。

#厚道的提醒2:在digg的评论中给出的一些脚本更cool,比如这条,打开google网页后,在地址栏内输入如下内容并回车:

代码如下:

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0); 
还有人给出了这些脚本背后工作原理的相关链接。

#厚道的提醒3: 附图当然是我cunni的杰作,瓦咔咔!

#厚道的提醒4:不知为何这些代码复制过去会自动把半角单引号变成全角双引号,所以请自行更改为半角单引号才能看到效果。

来源:https://www.tulaoshi.com/n/20160219/1595010.html

延伸阅读
部分站长可能有体会.做一些联盟广告时.由于联盟广告的加载慢.严重影响了整体页面的显示速度.所以我把下面这段代码贴出.希望对大家有所帮助.  第一步:把这段代码放在你要放广告的网页位置: <SPAN id=ad_01广告载入中...</SPAN 第二步:把这段代码放到页底: <SPAN class=spanclass id=span_ad_01 这里放...
标签: Web开发
前言 Javascript,有人称其为C+LISP,C只怕是尽人皆知,但是一直活跃在人工智能领域的另一个古老而优美的语言LISP,掌握的恐怕不是很多.这个倒不是因为这个语言太难或者用途不广泛,而是大多数人在接受计算机语言启蒙的时候都走的是图灵机模式,而LISP,做为一种函数式编程语言,是另一个体系:lambda演算体系.这个体系的运算能力跟图...
标签: Web开发
做网页常常避免不了预览,查看一下自己制作的网页元素位置有没有布置好,字体的大小有没有满意,图片是否正确显示等等等等。而Dreamweaver3.0预览时总会产生临时文件,临时文件也常常没有自动删除,给做网页的人带来不少的烦恼。(在Dreamweaver4.中这样的现象少很多了)因此笔者做网页极少用快捷键“F12”预览,而是装一个PWS(win98中)...
标签: PS PS教程
先看效果: screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" border=0>  screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" border=0>  screen.width*0.7...
同样用“钢笔”工具先构画出 枪膛 的外形,然后使用线性渐变。再复制出多一个枪膛外形,适当缩小后修改线性渐变的颜色。 在枪栓上还有一个磨擦面,为了画出这个磨擦面我们先用“钢笔”工具画一个像“小钩”的黑色柔边路径。然后每向右移动两个像素就复制多一个这样的“小钩”,共17个。 再把这17个“小钩”进行组合...

经验教程

135

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部