无论你是初学者还是有一定经验的开发者,这些代码都可以为你的工作节省时间和精力。
这些代码片段并非固定的解决方案,而是灵感的起点。
你可以根据自己的需求和设计风格进行修改和定制,以适应你自己的网站。
鼠标点击特效代码
-
- /* 鼠标特效 */
- var a_idx = 0;
- jQuery(document).ready(function($) {
- $("body").click(function(e) {
- var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
- var b = new Array("red","blue","yellow","green","pink","blue","orange");
- var $i = $("").text(a[a_idx]);
- a_idx = (a_idx + 1) % a.length;
- b_idx = (a_idx+1)%7;/* 七中颜色变色 */
- var x = e.pageX,
- y = e.pageY;
- $i.css({
- "z-index": 9999,
- "top": y - 20,
- "left": x,
- "position": "absolute",
- "font-weight": "bold",
- "color": b[b_idx]
- });
- $("body").append($i);
- $i.animate({
- "top": y - 180,
- "opacity": 0
- },
- 1500,
- function() {
- $i.remove();
- });
- });
- });
发表评论