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

2016-02-19 10:33 8 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:不知为何这些代码复制过去会自动把半角单引号变成全角双引号,所以请自行更改为半角单引号才能看到效果。

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

延伸阅读
标签: 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...
标签: Web开发
在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢? 网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写) <Style type="text/css"> <!-- Body { scrollbar-face-color:#C0C0C0; (...
同样用“钢笔”工具先构画出 枪膛 的外形,然后使用线性渐变。再复制出多一个枪膛外形,适当缩小后修改线性渐变的颜色。 在枪栓上还有一个磨擦面,为了画出这个磨擦面我们先用“钢笔”工具画一个像“小钩”的黑色柔边路径。然后每向右移动两个像素就复制多一个这样的“小钩”,共17个。 再把这17个“小钩”进行组合...
紧接着再复制多一个该枪握外侧的塑料外形,并用“细部”工具修改成如下图般的形状,然后改用线性渐变,为的是画出枪握外侧塑料的感光效果。 接着却要把这个塑料外形的感光部分复制一份,也用“细部”工具修改成下图般的形状,然后用线性填充,两边的渐变颜色滑块均用黑色,然后把右边滑块的不透明度改为0。 至此,...
曾经在网上看到过一个手枪造型的Winamp播放器,非常酷!只可惜播放按钮太多,有点碍眼,因为我要的只是那把极酷的手枪而已。 于是我用依样画葫芦重新打造了这把去除播放按钮后的手枪。 如果你也喜欢这把手枪,不妨一起来做做试试。文章末尾提供原文件供大家下载参考。 完成效果图如下。   首先启动Fireworks,新建一个47...

经验教程

16

收藏

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