<!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. LRU的理解与Java实现

    简介 LRU(Least Recently Used)直译为"最近最少使用".其实很多老外发明的词直译过来对于我们来说并不是特别好理解,甚至有些词并不在国人的思维模式之内,比如快速 ...

  2. spring boot 整合 (全)

    参考: https://github.com/spring-projects/spring-boot/tree/master/spring-boot-samples

  3. 在 html中怎么获取中的参数

    参考:https://blog.csdn.net/xqhys/article/details/68486215 eg: window.location.href="/user/update? ...

  4. CSS3d 基础

    -webkit-transform-style:-webkit-preserve-3d;//设置3D转换 translateX:px; 平移 translateY:px; translateZ:px; ...

  5. jsp button onclick

    <input type="button" value="MD5哈希转换" onclick="javascript:document.getEle ...

  6. Ping ip能ping通，ping计算机名ping不通，网络共享不能访问

    名称 协议 端口 NetBIOS Name Service UDP 137 NetBIOS Datagram Service UDP 138 NetBIOS Session Service TCP 1 ...

  7. 常用Sql语句，及注意事项

    目录: sql语句 sql命令语句 关键字 sql语句 SELECT * FROM V$reserved_words;--查询oracle预留关键字 SELECT * FROM V$version;- ...

  8. ABAP-关于隐式与显式的DB Commit

    转载:https://www.cnblogs.com/liaojunbo/archive/2011/07/11/2103491.html 1.显式的DB Commit 显式的DB Commit并没有对 ...

  9. LINQ to SQL语句(1)Select查询的九种形式

    目录 说明 简单形式 匿名类型形式 条件形式 指定类型形式 筛选形式 Shaped形式 嵌套形式 本地调用方法形式 Distinct形式 说明 与SQL命令中的select作用相似但位置不同,查询表达 ...

  10. 如何在Oracle中建立表和表空间？

    1.建表空间 ORACLE中,表空间是数据管理的基本方法,所有用户的对象要存放在表空间中,也就是用户有空间的使用权,才能创建用户对象．否则是不充许创建对象,因为就是想创建对象,如表,索引等,也没有地方 ...