一个简单大方的赞后+1,踩后-1js动画效果

js部分

<script type="text/javascript">
 <!--
  $(document).ready(function(e) {
     $(‘a.zhan‘).click(function(){
      var left = parseInt($(this).offset().left)+10, top =  parseInt($(this).offset().top)-10, obj=$(this);
      $(this).append(‘<div id="zhan"><b>+1<\/b></\div>‘);
      $(‘#zhan‘).css({‘position‘:‘absolute‘,‘z-index‘:‘1‘, ‘color‘:‘#C30‘,‘left‘:left+‘px‘,‘top‘:top+‘px‘}).animate({top:top-10,left:left+10},‘slow‘,function(){
         $(this).fadeIn(‘fast‘).remove();
         var Num = parseInt(obj.find(‘span‘).text());
           Num++;
           obj.find(‘span‘).text(Num);
          });
       return false;
   });
 });
 //-->
</script>

html部分:

<a class="zhan" href="#">赞(<span>0</span>)</a>

时间: 2024-08-26 21:07:46

一个简单大方的赞后+1,踩后-1js动画效果的相关文章

简单实现GridView的Item逐个加载和动画效果

 用布局文件实现 1. 首先在GridView控件中加入layoutAnimation属性. <GridView android:id="@+id/gridView" android:layout_width="fill_parent" android:layout_height="wrap_content" android:numColumns="3" android:gravity="center"

4-1:编写一个简单的留言簿,写入留言提交后显示留言内容。

login.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+re

ScreenToViewportPoint,WorldToViewportPoint,ViewportToWorldPoint的运用,实现一个简单的对三维中物体的拖拽移动效果

众所周知,我们手机或者手机屏幕上的坐标是一个二维平面的的坐标值,而且这个坐标是一像素为单位的,也就是说这个是会根据你用的设备的不同,你手机或者电脑上的坐标的长宽最大值也就不同. 之前不太了解标题上三个方法的用法,走了不少弯路,然后下来仔细研究了一下,感觉还是挺有收获的. 简单说一下,我们在Unity中屏幕坐标是以坐下为原点,向两边延伸,右上为终点,假定现在我们的分辨率是1920x1080的话,那么简单,四个角对应的值大家可能都能猜到,(假定为横屏)坐下(0,0),右下(1920,0),左上(10

micronaut 学习 二 创建一个简单的服务

micronaut 提供的cli 很方便,我们可以快速创建具有所需特性的应用,以下是一个简单的web server app 创建命令 mn create-app hello-world 效果 mn create-app hello-world | Generating Java project... | Application created at /Users/dalong/mylearning/micronaut-project/hello-world 启动服务 ./gradlew run

简单的jquery点击弹出背景变暗遮罩效果

工作中自己写了一个简单的jquery点击弹出背景变暗遮罩效果,非常好用......只把关键代码贴出来.并实现了点击空白处隐藏弹出层效果. js代码如下: <script type="text/javascript">  $(document).ready(function(){   $(".tkyy").click(function(event){      event.stopPropagation(); //停止事件冒泡    $(".ma

SqlSever基础 top 后面的n 由一个简单的计算式子计算得出

镇场诗:---大梦谁觉,水月中建博客.百千磨难,才知世事无常.---今持佛语,技术无量愿学.愿尽所学,铸一良心博客.------------------------------------------ 1 base code 1 use master 2 drop database helloworld 3 4 5 --创建一个数据库 6 create database helloworld 7 8 9 10 --用helloworld1这个数据库 11 use helloworld 12 13

一个简单的时间片轮转多道程序内核代码分析 (学号后三位418)

一.基于mykernel的基本Linux内核分析 1.我们按照老师在github上给出的步骤在实验楼上启动最高小内核,可以看到如下现象 在窗口中我们可以看到一个内核以及运行起来了,比较简单的内核,只时不停的输出一些字符串,>>>>>>my_time_handler here<<<<<<<和my_start_kernel here和一些计数.这时因为我们并没有加入其他的代码,再次基础上我们可以加入我们主机要实现的功能. 在myin

为什么一个简单腹泻,服用了附子理中丸后,会绵延十年不愈?(转)

为什么一个简单腹泻,服用了附子理中丸后,会绵延十年不愈? 这个患者腹泻已经十多年了,最开始腹泻一天3次左右,大便呈泡沫状,于是就用附子理中丸控制,服用后上症稍缓解,停药后又复发,患者遂间断用附子理中丸控制腹泻,可渐渐地效果就不好了. 3年前,开始在西医消化内科接受正式治疗,服用复发谷氨酰胺和双歧杆菌等,治疗后上症稍缓解,后又因饮酒而复发.又用中成药控制,附子理中丸,补脾益肠丸,参苓白术散,四神丸,肉蔻四神丸等等,但是依然停药又加重. 附子 遂遍访中医名医,具体用药不详,大概换了五个医师,依然服停

Vue小白踩坑 使用vue做一个简单的todo list

前言 寒假待在家,无所事事,便开始做起了毕设,由于要写跨端应用,基础是vue,所以先攻克vue 做一个简单的todo 当然是自己做的,效率有点儿低,不过能做出来已经很不错了把 hhh 源码 本质上毕设的前端展示,也就是对一个todo-list加一个好看的ui,数据排版等等花里胡哨的东西,本质的东西还是数据的crud <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title