极酷的javascirpt,让你随意编辑任何网页_javascript技巧

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

时间: 2024-09-17 03:43:48

极酷的javascirpt,让你随意编辑任何网页_javascript技巧的相关文章

70+漂亮且极具亲和力的导航菜单设计国外网站推荐_javascript技巧

导航菜单应当足够简单以让用户快速了解它,但还要包含一些必要的元素来引导用户浏览整个网站--融入一些有创意且漂亮的设计. 向大家推荐的70款优秀的导航菜单,有些是基于CSS设计的,有些是基于CSS+JavaScript的菜单,还有些是基于Flash的导航菜单设计,它们都有一个共同点:那就是它们都极具创意.界面对用户有好的,且完美的与网站的整体风格融合在一起. 1.基于CSS的导航菜单设计 Loodo让网站更有感觉的华丽的菜单 Acko.netSteven将他网站的导航菜单设计成了不同寻常的透视效果

酷! 不同风格页面布局幻灯片特效js实现_javascript技巧

这是一款效果非常炫酷的不同风格页面布局幻灯片特效.该特效中,通过前后导航按钮来切换幻灯片,每个幻灯片中的图片均为不同的布局效果. 该幻灯片特效使用anime.js来制作幻灯片的动画特效,并使用很多CSS3属性,需要最新版本的现代浏览器才能看到效果.对于IE浏览器,前面几种效果可以在IE11及以上的浏览器看到效果,最后一种效果由于IE浏览器不支持SVG clip-path属性,所以是看不到效果的.  使用方法 HTML结构  该幻灯片的基本HTML结构如下:每一个幻灯片都有各自的布局class类,

Bootstrap Table服务器分页与在线编辑应用总结_javascript技巧

先看Bootstrap Table应用效果:  表格用来显示数据库中的数据,数据通过AJAX从服务器加载,同时分页功能有服务器实现,避免客户端分页,在加载大量数据时造成的用户体验不好.还可以设置查询数据的起止时间,查询一定时间范围的数据.在线编辑功能通过扩展Bootstrap Table实现,使用X-editable实现. Bootstrap Table有两种使用方式:  1.对普通的 table 设置 data 属性:  2.通过JavaScript 来启用 Bootstrap Table 插

js实现超酷的照片墙展示效果图附源码下载_javascript技巧

这是一个超酷的照片墙展示效果,很多照片结合淡入淡出.旋转.缩放.倾斜及3D效果,照片快速从左侧切入,做旋转3D效果,最后在照片墙上整齐排列,为用户展示了超酷的照片墙展示效果. 查看演示 下载源码 HTML 本文结合实例给大家分享超酷的照片墙效果,该效果依赖jQuery和easing插件,因此首先载入这两个文件. <script src="jquery.min.js"></script> <script src="jquery.easing.1.3

不用ajax实现点击文字即可编辑的方法_javascript技巧

唉!!忙了一晚上,就这么解决了!!嘻嘻 呵呵 郁闷! 在firefox下 由于DOM有很小的差异,含有input的div中除标签内的空格外 不能有空格因为我们用的是childNodes[0]!否则需要点两下! 可编辑的内容一 可编辑的内容二 可编辑的内容三 可编辑的内容四

css+js实现部分区域高亮可编辑遮罩层_javascript技巧

想大家都做过遮罩层这种常见的功能,css或jquery实现,实现方式多样化,这里http://我介绍我在项目中实现的方式,全屏遮罩,部分区域可操作,非常实用. 效果如下图:  js 实现部分: 复制代码 代码如下: <script type="text/javascript"> var myAlert = document.getElementById("alert"); var reg = document.getElementById("c

JavaScript极简入门教程(一):基础篇_javascript技巧

阅读本文需要有其他语言的编程经验. 开始学习之前 大多数的编程语言都存在好的部分和差的部分.本文只讲述 JavaScript 中好的部分,这是因为: 1.仅仅学习好的部分能够缩短学习时间 2.编写的代码更加健壮 3.编写的代码更加易读 4.编写的代码更加易于维护 弱类型和强类型 通常来说,越早的修复错误,为之付出的代价就越小.强类型语言的编译器可以在编译时检查某些错误.而 JavaScript 是一门弱类型语言,其解释器无法检查类型错误,但实践表明: 1.强类型能够避免的错误并不是那些关键性错误

javascript 就地编辑实现代码_javascript技巧

姓名 progresstudy 年龄 22 职业 学生

JS无限极树形菜单,json格式、数组格式通用示例_javascript技巧

修改了一下数据格式,是json和数组或者混合型的数据都通用,不用特定key等 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g