js点击网页背景特效和js打字状态特效代码

/* 鼠标点击显示文字JS特效代码 */
var a_idx = 0;
jQuery(document).ready(function($) {$("body").click(function(e) {var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");var $i = $("<span/>").text(a[a_idx]);a_idx = (a_idx + 1) % a.length;var x = e.pageX,y = e.pageY;$i.css({"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,"top": y - 20,"left": x,"position": "absolute","font-weight": "bold","color": "#ff6651"});$("body").append($i);$i.animate({"top": y - 180,"opacity": 0},1500,function() {$i.remove();});});
});<!--输入特效-->
<script src="//liuniange.cn/lnbk.js" data-no-instant></script>
<script>
POWERMODE.colorful = true; // make power mode colorful
POWERMODE.shake = false; // turn off shake
document.body.addEventListener('input', POWERMODE);
</script>

演示地址：丁合超的个人博客

js点击网页背景特效和js打字状态特效代码相关推荐

js 点击切换背景图片
您好,要使用JavaScript实现点击切换背景图片,可以按照以下步骤进行: 在HTML中,为需要切换背景图片的元素添加一个id属性,比如id="bg-img". 在JavaScr ...
html背景图固定,网页背景图片固定在一个位置不重复代码
css之background-repeat的几种属性 background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repea ...
html导航下拉菜单js点击显示不出来,使用JS做下拉菜单，子菜单不显示
无标题文档 *{ margin: 0; padding: 0; } a{ text-decoration: none; } #fa{ display: block; width: 100px; hei ...
JS 点击气泡卡片自身外的区域自动关闭的代码逻辑
Vue HTML <template><a-popover:visible="showPopover"trigger="click"overl ...
键盘调节台式计算机声音,电脑键盘打字声音特效_键盘打字声音特效
2017-02-25 22:30:59 我的手提电脑键盘打不了字了,但是外界键盘可以打字,因为我平时因为简单所以用的是外界键盘,偶尔用的手提电脑键盘,今天用手提电脑键盘的时候发现不能打字了,没有反应, ...
js点击使内容变成可编辑状态
一个有内容的标签,用原生JS点击按钮使内容变成可编辑状态,然后使用保存数据.这个是点击编辑按钮使得标签内容替换为文本域来实现的. 代码如下 <!DOCTYPE html> <html ...
使用particles.js实现网页背景粒子特效
得知途径 B3log提供了两套博客系统,一个是用Java开发的,叫做Solo,我也是在网上搜索Java博客系统时发现了它,之后才了解了B3log:还有一个是用Go语言开发的,叫做Pipe.其中Solo ...
6个网页背景特效源码 canvas+three.js科技贴图 webgl源码
隧道穿梭特效粒子矩阵特效几何随机变换特效下载地址: 6个网页背景特效源码 canvas+three.js科技贴图 webgl源码-素材美
html5点击效果文字跳转,JS网页特效代码，点击跳出爱心和文字特效
鼠标左键点击网页会跳出爱心,相信不少站长见过这种JS网页特效,有些点击还会跳出文字.橘子君也是觉得挺好奇的,然后也给网站加了一段时间这种特效,后来由于种种原因的考虑,博主又将该代码删除了.如果你对这种 ...

js点击网页背景特效和js打字状态特效代码

js点击网页背景特效和js打字状态特效代码相关推荐

最新文章

热门文章