使用jQuery模仿今日团购

css代码定义一个鼠标悬浮：

* {margin: 0px;padding: 0px;font-size: 12px;
}
#pruduce {width: 947px;background-color: #f2f2f2;
}.top {height: 55px;background: url(../images/top.jpg) no-repeat 10px 10px;
}
.main {text-align: center;height: 309px;
}
.box {width: 300px;height: 285px;border: 1px solid #999;margin: 0px 6px;float: left;cursor: pointer;
}
dl {padding-top: 3px;
}
dd {line-height: 30px;
}div.btprice_1 {height: 50px;background: #fff2ce url(../images/bt1.jpg) no-repeat 5px 4px;
}
div.btprice_2 {height: 50px;background: #fff2ce url(../images/bt2.jpg) no-repeat 5px 4px;
}
div.btprice_3 {height: 50px;background: #fff2ce url(../images/bt3.jpg) no-repeat 5px 4px;
}
.hoverstyle {background-color: #d51938;color: #fff;
}
.hide {background-color: white;color: black;
}

jQuery将css3中鼠标悬浮事件引入：

$(function () {$(".box").on("mouseover", function () {$(this).addClass("hoverstyle");});$(".box").on("mouseout", function () {$(this).removeClass("hoverstyle");});
});

使用jQuery模仿今日团购相关推荐

聚划算今日团购_聚划算今日团购清…
聚划算今日团购_聚划算正在进行的团购_聚划算今日团购聚划算,淘宝网官方的团购... 团购通分享到:开心网,新浪微博,搜狐微博,人人网,豆瓣,百度搜藏,发送给朋友团购网站详情网站名称:聚划算网 ...
html制作今日团购模块,最土团购模板说明
最土团购模板说明最土团购系统,采用了一贯的模板脚本分离的技术. 其模板处理逻辑同Discuz的模板技术基本一致所有的模板文件均位于 include/template/ 目录下 CSS 位于 /s ...
HTML特效之团购页面效果
HTML页面代码 <!DOCTYPE html> <html> <head lang="en"><meta charset="U ...
做人不能太忽悠—— 淘宝商城团购秒杀。
http://ju.taobao.com/index.htm?groupId=nJi7mdaY&tracelog=jualert&item_id=8637330230 淘宝商城聚划算页 ...
jQuery倒计时（仿团购）
倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间.倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等.今天,我们来使用jQuery实现一个简单的倒计时功能. 查看演示 ...
java实现团购功能_[Java教程]jquery组件团购倒计时功能
[Java教程]jquery组件团购倒计时功能 0 2014-05-12 12:00:04 本文网址:http://www.shaoqun.com/a/90954.html *特别声明:以上内容来自于 ...
张茂强模仿groupon创作中国式的“团购哇”
<!-- /* Font Definitions */ @font-face {font-family:宋体; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-al ...
基于jQuery倒计时插件实现团购秒杀效果
倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间.倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等.今天,我们来使用jQuery倒计时超级实现团购秒杀效果,感兴趣的 ...
HTML+CSS大作业——仿团购商城(1页) 简单个人网页设计作业静态HTML旅行主题网页作业 DW个人网站模板下载大学生简单个人网页作品代码个人网页制作学生个人网页Dreamwe
HTML5期末大作业文章目录 HTML5期末大作业一.作品展示二.文件目录三.代码实现四.学习资料一.作品展示二.文件目录三.代码实现 <!doctype html> &l ...

使用jQuery模仿今日团购

使用jQuery模仿今日团购相关推荐

最新文章

热门文章