php富强民主,前端网页鼠标点击弹出浮动文字–“富强、民主、和谐”点击特效...

效果

添加点击特效，点击页面会显示：“富强”, “民主”, “文明”, “和谐”, “自由“, “平等”,

“公正” ,“法治”, “爱国”, “敬业”, “诚信”, “友善”;

效果展示图

代码

/* 鼠标特效 */

var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");

var $i = $("").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 99, "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(); }); }); });

使用

复制上方代码到你的需要的页面，例如footer.php页面的

php富强民主,前端网页鼠标点击弹出浮动文字–“富强、民主、和谐”点击特效...相关推荐

html点击弹出文本框,html制作，点击文字超链接显示文本框，再点击文字超链接隐藏文本框...
window.οnlοad=function(){ document.getElementById('click').οnclick=function(){ if (document.getEleme ...
html点击弹出登录注册表单提交代码
介绍: html手机登录表单,手机注册表单,弹出表单,点击弹出弹窗. 用于用户登录点击登录跳出弹窗作用,代码逻辑基本上没啥问题,美化一下就可以线上使用网盘下载地址:点击登录弹窗代码.zip - 蓝奏 ...
layer 上传图片点击取消仍在加载_layer 点击弹出图片
今天做东西有一个功能:在列表点击图片弹出并放大显示,使用到了layer的页面层,下边是个小demo success:function (e) { var url = e.qrcode_url; //a ...
JS特效教程：给网站添加鼠标点击弹出指定汉字特效
网站添加鼠标点击弹出指定汉字特效,就是鼠标点击站点任何位置,都会随机弹出我们指定的一组汉字中的一个.比如指定"文明,自由,民主,公正,和谐"等,点击鼠标时就会随机显示这一组的某个词 ...
html5鼠标点击弹出层,jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
本文实例讲述了jQuery实现单击弹出Div层窗口效果.分享给大家供大家参考.具体如下: 这是一款jquery实现的可拖动可关闭的弹出框效果,网上已经有很多类似效果了,网页上实现这种效果其实并不难,现 ...
基于jQuery鼠标点击弹出登陆框效果
基于jQuery鼠标点击弹出登陆框效果.这是一款扁平样式风格的jQuery弹出层登陆框特效.效果图如下: 在线预览源码下载实现的代码. html代码: <input type=&quo ...
高德地图js API实现鼠标悬浮于点标记时弹出信息窗体显示详情，点击点标记放大地图操作
高德地图js API实现:鼠标悬浮于点标记时,弹出信息窗体显示详情,点击点标记时放大地图 <!doctype html> <html> <head><meta ...
开网页的时候总是弹出Internet_Explorer无法打开Internet站点
Internet Explorer无法打开internet站点,已终止操作的解决方法合集通常,关于"Internet Explorer无法打开internet站点××,已终止操作" ...
html点击按钮弹出悬浮窗_javascript如何实现弹出浮动窗口
Js弹出浮动窗口,支持鼠标拖动和关闭 /** 关于一些参数说明: *bodycontent:要在窗口显示的内容,dom对象 *title:窗口标题,字符串类型 *removeable:窗口能否拖动,布 ...

php富强民主,前端网页鼠标点击弹出浮动文字–“富强、民主、和谐”点击特效...

php富强民主,前端网页鼠标点击弹出浮动文字–“富强、民主、和谐”点击特效...相关推荐

最新文章

热门文章