Advertisement
Guest User

Untitled

a guest
Jan 23rd, 2017
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.53 KB | None | 0 0
  1. <div>
  2. <img src="http://25.media.tumblr.com/acc96259d6b2678985052c33e05a3062/tumblr_mkv9fhDBDS1rmc58qo1_500.jpg" />
  3. </div>
  4.  
  5. $('div img').mousenter(function(){
  6. $(this).css({"border": "0px solid #f37736"}).animate({
  7. 'borderWidth': '4px',
  8. 'borderColor: '#f37736'
  9. },500);
  10. }).mouseleave(function(){
  11. $(this).animate({
  12. 'borderWidth':'0px',
  13. 'borderColor:'#f37736'
  14. },500);
  15. });
  16.  
  17. $('div img').mouseenter(function () {
  18. $(this).css({border: '0 solid #f37736'}).animate({
  19. borderWidth: 4
  20. }, 500);
  21. }).mouseleave(function () {
  22. $(this).animate({
  23. borderWidth: 0
  24. }, 500);
  25. });
  26.  
  27. $('div img').mouseenter(function(){
  28. $(this).css("border", "0px solid #f37736").animate({
  29. 'borderWidth': '4px',
  30. 'borderColor': '#f37736'
  31. },500);
  32. }).mouseleave(function(){
  33. $(this).animate({
  34. 'borderWidth':'0px',
  35. 'borderColor':'#f37736'
  36. },500);
  37. });
  38.  
  39. $('div img').mouseenter(function () {
  40. $(this).css({
  41. outline: "0px solid transparent"
  42. }).animate({
  43. outlineWidth: '4px',
  44. outlineColor: '#f37736'
  45. }, 500);
  46. }).mouseleave(function () {
  47. $(this).animate({
  48. outlineWidth: '0px',
  49. outlineColor: '#037736'
  50. }, 500);
  51. });
  52.  
  53. $('div img').mouseenter(function(){
  54. $(this).css("border", "0px solid #f37736").animate({
  55. 'borderWidth': '4px',
  56. 'borderColor': '#f37736'
  57. },500);
  58. }).mouseleave(function(){
  59. $(this).animate({
  60. 'borderWidth':'0px',
  61. 'borderColor':'#f37736'
  62. },500);
  63. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement