100度享乐电商网 jQuery
$(function() {
// x表示不会的需要注意
//新闻走马灯 x
var num = 0
var len = $(".wrap ul li").length
$("#up").click(function() {
num++
if(num > len - 1) {
num = 0
}
$(".wrap ul").stop().animate({
"top": -30 * num
})
})
$("#down").click(function() {
num--
if(num < 0) {
num = len - 1
}
$(".wrap ul").stop().animate({
"top": -30 * num
})
})
//选项卡切换 x
$(".nav li").click(function() {
var index = $(this).index()
$(this).addClass("active").siblings("li").removeClass("active")
//$(".tabs").eq(index).show().siblings(".tabs").hide()
$(this).parents(".options").find(".tabs").eq(index).fadeIn().siblings(".tabs").fadeOut()
})
//日期样式
$(".calendar .time .day li").eq(0).css({"background":"","color":"#cfcfcf"})
$(".calendar .time .day li").eq(1).css({"background":"","color":"#cfcfcf"})
$(".calendar .time .day li:gt(34)").css({"background":"","color":"#cfcfcf"})
//移入24号显示图片
$(".calendar .time .day .prompt").hover(function(){
$(".picture").show()
},function() {
$(".picture").hide()
})
//图片切换 x
$(".recommand .pic .pic-group li").attr("bimg", function(index) {
return "img/pic" + (index + 1) + ".jpg"
})
$(".recommand .pic .pic-group li").mouseover(function() {
var bimg = $(this).attr("bimg")
$("#img").attr("src", bimg)
})
//推荐处的商品列表
$(".recommand .shop-list ul li:even").css("background","url(img/small-icon.png) no-repeat")
$(".recommand .shop-list ul li:odd").css("background","url(img/small-icon.png) no-repeat").css("background-position","0px -25px")
$(".recommand .shop-list ul li span:odd").css("margin-left","29px")
//地铁线名颜色
var arr=["#de0602","#3b61ae","#ffffff","#cc0000","#903077"]
for(var i=0;i<arr.length;i++){
$(".life .tabs .subway-line span em").eq(i).css("color",arr[i])
$(".life .tabs .subway-line span").eq(i).css("border","1px solid"+arr[i])
}
$(".life .tabs .subway-line span").eq(2).css("background","#ff9900")
//bbs论坛移入处图片 x
$(".BBS .BBS-list ul li").hover(function(){
$(this).addClass("active").siblings("li").removeClass("active")
})
//移入美女图出现阴影
$(".red-guest .hot-people .sex-ass").hover(function(){
console.log(1)
$(".red-guest .hot-people .sex-ass img").attr("src","img/sex-show.jpg")
$(".content").show()
},function(){
$(".red-guest .hot-people .sex-ass .sex").attr("src","img/sex.png")
$(".content").hide()
})
//知道分子处切换
$(".question .nav li").click(function() {
var index = $(this).index()
$(this).addClass("active").siblings("li").removeClass("active")
$(this).parents(".know").find(".caption").eq(index).show().siblings(".caption").hide()
})
//抢劵儿处切换
$(".question .nav li").click(function() {
var index = $(this).index()
$(this).addClass("active").siblings("li").removeClass("active")
$(this).parents(".coupons").find(".shop").eq(index).show().siblings(".shop").hide()
})
})
100度享乐电商网 jQuery的更多相关文章
- 100度享乐电商网 html
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...
- 100度享乐电商网 CSS
/*reset begin*/body,div,dl,dt,p,h1,h2,h3,h4,h5,input,form,span,ul{ margin: 0; padding: 0;}a{ text-de ...
- 电商网站jQuery放大镜代码
分享一款电商网站jQuery放大镜代码.这是一款基于jquery.elevatezoom插件实现的类似淘宝放大镜代码,提供40多种参数,可自由配置多种效果,适合电商或图片类网站使用.效果图如下: 在线 ...
- 某电商网站线上drbd+heartbeat+nfs配置
1.环境 nfs1.test.com 10.1.1.1 nfs2.test.com 10.1.1.2 2.drbd配置 安装drbd yum -y install gcc gcc-c++ make g ...
- 某大型跨境电商JVM调优总结
前提:某大型跨境电商业务发展非常快,线上机器扩容也很频繁,但是对于线上机器的运行情况,特别是jvm内存的情况,一直没有一个统一的标准来给到各个应用服务的owner.经过618大促之后,和运维的同学讨论 ...
- SAP CX Upscale Commerce : SAP全新推出的电商云平台
大家好,我是Andy Chen,是SAP成都研究院年轻的SAP CX Upscale Commerce (后面将会以Upscale简称)开发团队的一名产品经理.CX的全称是Customer Exper ...
- 大型跨境电商 JVM 调优经历
前提: 某大型跨境电商业务发展非常快,线上机器扩容也很频繁,但是对于线上机器的运行情况,特别是jvm内存的情况,一直没有一个统一的标准来给到各个应用服务的owner.经过618大促之后,和运维的同学讨 ...
- 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变
查看本章节 查看作业目录 需求说明: 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变 当用户单击"+" ...
- 手把手教你写电商爬虫-第三课 实战尚妆网AJAX请求处理和内容提取
版权声明:本文为博主原创文章,未经博主允许不得转载. 系列教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 看完两篇,相信大家已经从开始的 ...
随机推荐
- andorid EditView
<?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android=" ...
- iOS.UI.UIWindow
UIWindow 1. UIWindow 2. UIWindow的使用场景 2.1 额外添加的Window需要手动进行旋转 最近有遇到一个UIWindow的使用场景:在ApplicationDeleg ...
- BZOJ1001或洛谷4001 [BJOI2006]狼抓兔子
BZOJ原题链接 洛谷原题链接 显然就是求最小割. 而对于一个平面图有结论,最大流=最小割=对偶图最短路. 所以这题可用最大流或是转换为对偶图求最短路,这里我是用的对偶图. 虽然理论上按上界算,这题\ ...
- NC 日志文件注册
在实际开发中,例如接口向外系统发送数据,这些数据前台看不到,一般都是记录日志,然后在后台日志文件中查看.但是,用系统原本日志文件来看,有时会记录一些别的模块日志信息.所以,我们可以注册个自己的模块日志 ...
- 用PS绘制立体字的效果教程
1. 新建一个透明画布. 2. 利用选区绘制一个圆圈 3. 利用渐变工具绘制渐变 (颜色自拟) 4. 选择混合器画笔工具按住ALT 点击填充颜色的图层 5. 新建画布填充黑色 利用混合画笔进行绘制. ...
- 在linux虚拟机上安装Docker
1.简介Docker是一个开源的应用容器引擎:是一个轻量级容器技术: Docker支持将软件编译成一个镜像:然后在镜像中各种软件做好配置,将镜像发布出去,其他使用者可以直接使用这个镜像: 运行中的这个 ...
- netstat 查看端口命令
查看特定端口是否启动 netstat -lnp |
- office 2007,SQL Server 2008,VS2010安装步骤
office 2007,SQL Server 2008,VS2010的安装顺序是不是office 2007,SQL Server 2008,VS2010呢? 前几天先安装了SQL Server 200 ...
- eclipse构建maven的web项目(转载)
eclipse构建maven的web项目 分类: java opensource2013-12-25 16:22 43人阅读 评论(0) 收藏 举报 maven框架webappwebeclipse 使 ...
- 多项式相关&&生成函数相关&&一些题目(updating...)
文章目录 多项式的运算 多项式的加减法,数乘 多项式乘法 多项式求逆 多项式求导 多项式积分 多项式取对 多项式取exp 多项式开方 多项式的除法/取模 分治FFT 生成函数 相关题目 多项式的运算 ...