<!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. Linux编辑器|gedit|vi|vim编辑器

    gedit编辑器 gedit是一个Linux环境下的文本编辑器,类似windows下的写字板程序,在不需要特别复杂的编程环境下,作为基本的文本编辑器比较合适. sublime编辑器 Sublime T ...

  2. 关于有些邮件可以在http上发送成功但是https不能发送成功一个思路方法

    关于有些邮件可以在http上发送成功但是https不能发送成功 其实如果是单纯的发送邮件,是没问题 今天一个客户出现这个问题,进行排查 他的邮件发送是任务制的, 是通过CURL请求的, 我估计她的CU ...

  3. Zabbix结合Grafana绘图

    参考网站: https://www.jianshu.com/p/6eec985c5c94 注意事项: 1.在ganafa添加datasource的时候url写成http://10.116.33.116 ...

  4. MyEclipse: Java代码与UML自动转换

    第一步:新建UML2 第二步:拖拽左边的代码向右侧

  5. vue深入了解组件——处理边界情况

    一.访问元素&组件 在绝大多数情况下,我们最好不要触达另一个组件实例内部或手动操作DOM元素.不过也确实在一些情况下做这些事情是合适的. 1.1 访问根实例 在每个 new Vue 实例的子组 ...

  6. 主流JS库一览

    主流JS库一览 标签: prototypedojomootoolsprototypejsjqueryjavascript 2009-10-14 22:52 19936人阅读 评论(2) 收藏 举报   ...

  7. iOS开发-常用第三方开源框架介绍(你了解的ios只是冰山一角)--(转)

    图像: 1.图片浏览控件MWPhotoBrowser 实现了一个照片浏览器类似 iOS 自带的相册应用,可显示来自手机的图片或者是网络图片,可自动从网络下载图片并进行缓存.可对图片进行缩放等操作. 下 ...

  8. mysql之MMM高可用方案简介

    MMM(Master-Master Replication Manager for MySQL) MySQL主主复制管理器,提供了MySQL主主复制配置的监控.故障转移和管理的一套可伸缩的脚本套件.在 ...

  9. libUpnp缓冲区溢出、拒绝服务等漏洞分析

    该漏洞存在于UPnP™设备的便携式SDK中,也叫做 libupnp.这个库是用来实现媒体播放(DLAN)或者NAT地址转换(UPnP IGD).智能手机上的应用程序可用这些功能播放媒体文件或者利用用户 ...

  10. ArcGIS案例学习笔记2_2

    ArcGIS案例学习笔记2_2 联系方式:谢老师,135_4855_4328,xiexiaokui#qq.com 时间:第二天下午 2018年8月12日 案例1:模型构建器,山顶点提取 背景:数据量大 ...