example copy.js
上传用户:zhangwwang
上传日期:2022-07-20
资源大小:28k
文件大小:1k
源码类别:

JavaScript

开发平台:

Others

  1. $(function() {
  2. //Download by http://www.codefans.net
  3.     var $el, $tempDiv, $tempButton, divHeight = 0;
  4.     
  5.     $(".widget").hover(function(){
  6.     
  7.         $el = $(this).css("border-color", "white");
  8.         divHeight = $el.height() + parseInt($el.css("padding-top")) + parseInt($el.css("padding-bottom"));
  9.                 
  10.         $tempDiv = $("<div />", {
  11.         
  12.             "class": "overlay rounded"
  13.         
  14.         })
  15.         
  16.         $tempButton = $("<a />", {
  17.         
  18.             href: "#",
  19.             text: "Learn more",
  20.             class: "widget-button rounded",
  21.             css: {
  22.                 top: (divHeight / 2) - 5 + "px"
  23.             }
  24.         
  25.         }).appendTo($tempDiv);
  26.         
  27.         $tempDiv.appendTo($el);
  28.     
  29.     }, function() {
  30.     
  31.         $el = $(this).css("border-color", "#999");
  32.     
  33.         $(".overlay").fadeOut("fast", function() {
  34.             $(this).remove();
  35.         })
  36.     
  37.     });
  38. });