Jquery实现点击页面发送弹幕效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title> Jquery实现点击弹幕特效 </title><meta name="Generator" content="EditPlus"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""></head><!-- 此代码作用是使body布满浏览器 -->
<style type="text/css">
html,body{height:100%;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">  var a_idx = 0;  jQuery(document).ready(function($) {  $("body").click(function(e) {  var a = new Array("脑中一片空白", "念昏了头", "刚睡醒～", " 脸红了啦", "见钱眼开", "眼睛一亮", "☺☺" ,"羞羞脸", " 怎麼会这样…", "( ⊙ o ⊙ ) 目瞪口呆", "什麼什麼，告诉我吧", "笑(打招呼)");  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": 9999999999999999999999999999999999999999,  "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><body></body>
</html>

Jquery实现点击页面发送弹幕效果相关推荐

基于jquery鼠标点击图片翻开切换效果
基于jquery鼠标点击图片翻开切换效果是一款基于jQuery+CSS3实现的点击图片切换特效.效果图如下: 在线预览源码下载实现的代码. html代码: <div class=&qu ...
使用jQuery实现点击页面时，出现心型特效，几秒后消失的效果案例
首先呢,实现这个特效使用的技术是前端技术jQuery,实现代码只需几十行即可. 第一步创建一个demo.html文件,给body设置一个高度,这里如果body如果没有设置高度的话,不会看到效果. ht ...
jquery实现点击页面其他地方隐藏指定元素
代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> < ...
JQuery实现点击缩略图查看大图效果
点击缩略图查看大图效果,这里存在一个如何获取图片真实大小的问题.在手机端页面,插入的图片大小都是按照图片的原始尺寸在展示的,如果图片太大完全超出手机的屏幕尺寸 ,我们的bootstrap响应式针对图片 ...
video.js+jquery.danmu.js实现视频播放+发送弹幕
需要自己去下载video.js和jquery.danmu.js,实在下载不到的评论找我 <!DOCTYPE html> <html lang="en"> & ...
用Flash做点击页面图片切换效果的超级详细教程
第一步 1.新建flash文档 2.文件--导入--导入到库,导入5张图片 3.在图层一第1帧,从库里拉入一张图片到舞台,调整到适当大小,右键转换为元件---元件类型选影片剪辑,名称为pic1: 在图 ...
jquery让html页面空白页,jquery实现点击页面空白隐藏指定菜单
mongodb防火墙配置 http://ruby-china.org/topics/20128 https://docs.mongodb.com/manual/tutorial/configure-l ...
ajax实现翻书效果,jQuery实现手机版页面翻页效果的简单实例
var page = 1; var size = 6; var mark = 0; var url = "{pigcms{:U('Order/index', array('page'=> ...
HTML下拉菜单去掉点,jQuery点击页面其他部分隐藏下拉菜单功能
一.开发小要点 web页面中,我们一般不用select.option来实现下拉菜单效果,因为下拉框的样式丑且难以美化,所以我们选择控制ul显示隐藏来实现同样且高大上的效果,但是不能像下拉框那样点击页面 ...

Jquery实现点击页面发送弹幕效果

Jquery实现点击页面发送弹幕效果相关推荐

最新文章

热门文章