<!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. docker 配置pull源

    登录阿里云 找到镜像服务 在/etc/docker下创建daemon.json文件并写入 最后重启docker服务 sudo service docekr restart

  2. My97DatePicker基本用法

    网址:http://my97.net/demo/index.htm 网址:http://www.my97.net/ My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载M ...

  3. java 项目中类找不到异常解决办法

    最后点击Apply and Close就可以了

  4. Firemonkey 绘图 TPathData

    Firemonkey  TPathData TPath控件 procedure TForm12.FormPaint( Sender : TObject; Canvas : TCanvas; const ...

  5. 创建类type （底层代码）

    类的创建时是用type 实现的 def __init__(self, name): self.name = name def fun(self): print("%s is talking' ...

  6. js执行机制(1)

    1.参考执行结果 setTimeout(function () { console.log('执行定时任务'); }); new Promise(function (resolve) { consol ...

  7. mongodb基础学习8-复制集

    今天来简单学习一下复制集(replication),什么是复制集呢,类似于mysql的主从复制吧 简单来说就是有多个mongodb的实例,多个实例有相同的内容,其中一台用于读写,其它用于备份,当用于读 ...

  8. visual c++ 中的stdafx.h头文件的作用

    stdafx.h VC工程里面经常见到stdafx.h这个头文件,以前也没有特别注意,但是这个文件用不好经常会出错,所以就GOOGLE了一下,总算是弄清楚了... stdafx的英文全称为:Stand ...

  9. ng2-file-upload 使用记录

    最近这两周一直在修bug,修的很是痛苦,不过痛苦也是件好事,不然每天都是在做同样的事情,没有什么挑战,工作多无聊呀! 是吧. 大致说一下背景吧: 这个项目是两年前开新项目,到现在一直还在开发中,一直不 ...

  10. one by one 项目 part 4

    出现异常”The last packet sent successfully to the server was 0 milliseconds ago.“的大部分原因是由于数据库回收了连接,而系统的缓 ...