$(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的更多相关文章

  1. 100度享乐电商网 html

    <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...

  2. 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 ...

  3. 电商网站jQuery放大镜代码

    分享一款电商网站jQuery放大镜代码.这是一款基于jquery.elevatezoom插件实现的类似淘宝放大镜代码,提供40多种参数,可自由配置多种效果,适合电商或图片类网站使用.效果图如下: 在线 ...

  4. 某电商网站线上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 ...

  5. 某大型跨境电商JVM调优总结

    前提:某大型跨境电商业务发展非常快,线上机器扩容也很频繁,但是对于线上机器的运行情况,特别是jvm内存的情况,一直没有一个统一的标准来给到各个应用服务的owner.经过618大促之后,和运维的同学讨论 ...

  6. SAP CX Upscale Commerce : SAP全新推出的电商云平台

    大家好,我是Andy Chen,是SAP成都研究院年轻的SAP CX Upscale Commerce (后面将会以Upscale简称)开发团队的一名产品经理.CX的全称是Customer Exper ...

  7. 大型跨境电商 JVM 调优经历

    前提: 某大型跨境电商业务发展非常快,线上机器扩容也很频繁,但是对于线上机器的运行情况,特别是jvm内存的情况,一直没有一个统一的标准来给到各个应用服务的owner.经过618大促之后,和运维的同学讨 ...

  8. 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变

    查看本章节 查看作业目录 需求说明: 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变 当用户单击"+" ...

  9. 手把手教你写电商爬虫-第三课 实战尚妆网AJAX请求处理和内容提取

    版权声明:本文为博主原创文章,未经博主允许不得转载. 系列教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 看完两篇,相信大家已经从开始的 ...

随机推荐

  1. PAT 1004 成绩排名 (20)(代码)

    1004 成绩排名 (20)(20 分) 读入n名学生的姓名.学号.成绩,分别输出成绩最高和成绩最低学生的姓名和学号. 输入格式:每个测试输入包含1个测试用例,格式为\ 第1行:正整数n 第2行:第1 ...

  2. [转载] Linux中的搜索文件命令

    搜索文件用处很大,我们往往需要知道一个文件存放在什么地方,我们又知道Linux是命令强大的一个系统,所以也有好多非常优秀的搜索命令.通常find不常用,因为速度慢,耗费硬盘空间.通常我们先使用wher ...

  3. 品味性能之道<九>:利用Loadrunner编写socket性能测试脚本简述

            一.概述         Loadrunner拥有极为丰富的工具箱,供予我们制造出各种奇妙魔法的能力.其中就有此次要讨论的socket套接字操作.     二.socket概述     ...

  4. 异步Servlet和异步过虑器

    异步处理功能可以节约容器线程.此功能的作用是释放正在等待完成的线程,是该线程能够被另一请求所使用. 要编写支持异步处理的 Servlet 或者过虑器,需要设置 asyncSupported 属性为 t ...

  5. Python之路(第十九篇)hashlib模块

    一.hashlib模块 HASH Hash,一般翻译做“散列”,也有直接音译为”哈希”的,就是把任意长度的输入(又叫做预映射,pre-image),通过散列算法,变换成固定长度的输出,该输出就是散列值 ...

  6. DNSlog实现Mysql注入

    step1: 通过DNSlog盲注需要用到load_file()函数.show variables like '%secure%' 查看load_file()可以读取的磁盘. 1.当secure_fi ...

  7. 我们最常见的UX设计交付成果有哪些?

    以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 有人会好奇,用户体验(UX)设计师每天都在做些什么呢?说实话,有很多事情!作为UX专家,需要将自己的设计 ...

  8. js 正则表达式,匹配邮箱/手机号/用户名

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. jQuery之JSP加载JS文件不起作用的有效解决方法

    JSP加载JS文件不起作用的有效解决方法 作者: 字体:[增加 减小] 类型:转载 时间:2014-04-08 jsp导入jquery文件,老是不起作用,原因在于其不能访问/WEB-INF/目录下的文 ...

  10. 使用yarn 安装 Vue-DevTools

    1. 从 github 下载 vuejs/vue-devtools https://github.com/vuejs/vue-devtools/archive/dev.zip 2.安装yarn 及 编 ...