<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
ul {
height:60px;
list-style-type:none;
border:1px solid black;

}
ul li {
position:relative;
top:8px;
display:inline;
margin:25px;
padding:10px 13px;
border:1px solid #0094ff;

}
#zhu {
border:1px solid #0094ff;
height:1000px;
width:1040px;
border-collapse:collapse;
text-align:center;

}
.shang {
border:1px solid red;
float:left;

margin:3px;
width:200px;
height:200px;
}
#zhong {
text-align:center;

margin:218px auto;
border:1px solid blue;
height:600px;
width:1020px;
display:block;

}
#xia {
text-align:center;

position:relative;
top:-191px;
border:1px solid yellow;
height:120px;
width:1020px;
left: 14px;
}
</style>
<script src="ComJs/jquery-1.7.1.js"></script>

<script src="ComJs/jquery-1.7.1.min.js"></script>

<script src="ComJs/jquery-ui-1.8.20.js"></script>

<script type="text/javascript">
$(function () {
var isclick = false;
$("li").mouseover(function () {
$(this).css("background-color", "blue").text("lan").prevAll().css("background-color", "blue").text("lan").end().nextAll().css("background-color", "white").val("bai");
isclick = false;
}).mouseout(
function () {
console.log("ddddddddddddddd");
if(!isclick)
$(this).css("background-color", "white").text("bai").siblings().css("background-color","white").text("bai");

}
).click(
function () {
$(this).css("background-color", "yellow").text("huan").prevAll().css("background-color", "yellow").text("huan");
isclick = true;
}

);

});
//function aa(){

// alert("this1="+this);
//}
//var o = new Object();
//o.name = "kxb";
//aa.call(o.name);
//var s = $("#aaa");
//alert(s+"le");
//var arr = [1, 2, 3, 4];

// var r=mymap01(arr,function(ele,index){return ele*2});
// $.map(r, function (ele, index) { alert("varr["+index+"]="+r[index]); });
// function mymap01(arr, callback) {
// var newArr = new Array();
// for (var index in arr) {
// var item = arr[index];
// newArr[newArr.length] = callback(item, index);
// }
// return newArr;
// };

</script>

</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<div id="zhu">
<div class="shang"></div>
<div class="shang"></div>
<div class="shang"></div>
<div class="shang"></div>
<div class="shang"></div>
<div id="zhong"></div>
<div id="xia"></div>
</div>

</body>
</html>

淘宝星星的思路c#的更多相关文章

  1. JS仿淘宝星星评价

    //直接复制过去就可以了(你也可以吧css和js封装成css和js文件导入). <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit ...

  2. jquery模仿淘宝星星打分

    今天做论坛页面有星星评分功能,以下是代码.用的时候引入jquery <span> <ul class="hs_df_xx"> <li><i ...

  3. jquery--实现类似淘宝星星评分功能

    -   不正之处,欢迎指正.^-^.好绕的话 贴码.html <body> <div id="div"> <ul> <li>☆< ...

  4. 基于Bootstrap仿淘宝分页控件实现

    .header { cursor: pointer } p { margin: 3px 6px } th { background: lightblue; width: 20% } table { t ...

  5. HttpHelper类登录淘宝联盟并下载淘宝客订单xls

    本次开发环境与工具如下:IE9.0浏览器 + IE抓包插件HttpWatch +WIN7 64位系统 + VS2005 IDE + .NET 2.0框架本想上传HttpWatch抓包插件,但由于文件超 ...

  6. Selenium+Chrome/phantomJS模拟浏览器爬取淘宝商品信息

    #使用selenium+Carome/phantomJS模拟浏览器爬取淘宝商品信息 # 思路: # 第一步:利用selenium驱动浏览器,搜索商品信息,得到商品列表 # 第二步:分析商品页数,驱动浏 ...

  7. 3.使用Selenium模拟浏览器抓取淘宝商品美食信息

    # 使用selenium+phantomJS模拟浏览器爬取淘宝商品信息 # 思路: # 第一步:利用selenium驱动浏览器,搜索商品信息,得到商品列表 # 第二步:分析商品页数,驱动浏览器翻页,并 ...

  8. Android高仿京东淘宝自动无限循环轮播控件的实现思路和过程

    在App的开发中,很多的时候都需要实现类似京东淘宝一样的自动无限轮播的广告栏,所以就自己写了一个,下面是我自定义控件的实现思路和过程. 一.自定义控件属性 新建自定义控件SliderLayout继承于 ...

  9. selenium+chrome抓取淘宝宝贝-崔庆才思路

    站点分析 源码及遇到的问题 在搜索时,会跳转到登录界面 step1:干起来! 先取cookie step2:载入cookie step3:放飞自我 关于phantomJS浏览器的问题 源码 站点分析 ...

随机推荐

  1. CUDA C Programming Guide 在线教程学习笔记 Part 3

    ▶ 表面内存使用 ● 创建 cuda 数组时使用标志 cudaArraySurfaceLoadStore 来创建表面内存,可以用表面对象(surface object)或表面引用(surface re ...

  2. 使用Teleport Ultra批量克隆网站，使用Easy CHM合并生成chm文件

    1.要下载的页面 http://www.howsoftworks.net/javaapi/ 2. 下载Teleport Ultra 3.使用Teleport Ultra批量克隆网站 4.下载Easy ...

  3. hibernate 三种状态

    JPA是Java Persistence API的简称,中文名Java持久层API. 因JPA是由Hibernate的创建者编写,因此和Hibernate基本相似一致.JPA由不同的服务解析,因此在w ...

  4. 前端-jQuery的ajax方法

    https://www.cnblogs.com/majj/p/9134922.html 0.什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascri ...

  5. python 升级到python2.7

    查看python的版本 [root@localhost ~] python  -V   Python 2.4.3 1.先安装GCC yum -y install gcc 如果安装gcc 出错, yum ...

  6. 八月(The Summer is Gone)观后感

    第一次看到这部电影时觉得很亲近,黑白画面,国企改革的背景,浓浓的儿时画面感,原谅我只是一个三十不到的人,可能我比较早熟,对八九十年代还有些记忆,更早以前也通过电视.音乐.书籍等了解过一些,而那些听过又 ...

  7. locate包的安装

    linux中locate命令可以快速定位我们需要查找的文件,但是在yum中,locate的安装包名为 mlocate(yum list | grep locate可以查看),安装方法: yum -y ...

  8. asp.net cors solution

    I have a simple actionmethod, that returns some json. It runs on ajax.example.com. I need to access ...

  9. Session的作用和使用场景

    1.session何时被创建? 客户首次访问服务器时,回话session对象被创建并分配一个唯一的Id,同时id号发送到客户端,并存入cookie,使得客户端session对象和服务器端一致. 2.如 ...

  10. C++ 0x 使用 shared_ptr 自动释放, 防止内存泄漏

    最近在研究 cocos2d-x 3.0 ,它在创建类的对象时比如 Layer 时, 并不是直接使用 new , 而是使用一个宏方法  CREATE_FUNC(MyLayer);. 这个宏就是自动的创建 ...