淘宝星星的思路c#
<!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#的更多相关文章
- JS仿淘宝星星评价
//直接复制过去就可以了(你也可以吧css和js封装成css和js文件导入). <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit ...
- jquery模仿淘宝星星打分
今天做论坛页面有星星评分功能,以下是代码.用的时候引入jquery <span> <ul class="hs_df_xx"> <li><i ...
- jquery--实现类似淘宝星星评分功能
- 不正之处,欢迎指正.^-^.好绕的话 贴码.html <body> <div id="div"> <ul> <li>☆< ...
- 基于Bootstrap仿淘宝分页控件实现
.header { cursor: pointer } p { margin: 3px 6px } th { background: lightblue; width: 20% } table { t ...
- HttpHelper类登录淘宝联盟并下载淘宝客订单xls
本次开发环境与工具如下:IE9.0浏览器 + IE抓包插件HttpWatch +WIN7 64位系统 + VS2005 IDE + .NET 2.0框架本想上传HttpWatch抓包插件,但由于文件超 ...
- Selenium+Chrome/phantomJS模拟浏览器爬取淘宝商品信息
#使用selenium+Carome/phantomJS模拟浏览器爬取淘宝商品信息 # 思路: # 第一步:利用selenium驱动浏览器,搜索商品信息,得到商品列表 # 第二步:分析商品页数,驱动浏 ...
- 3.使用Selenium模拟浏览器抓取淘宝商品美食信息
# 使用selenium+phantomJS模拟浏览器爬取淘宝商品信息 # 思路: # 第一步:利用selenium驱动浏览器,搜索商品信息,得到商品列表 # 第二步:分析商品页数,驱动浏览器翻页,并 ...
- Android高仿京东淘宝自动无限循环轮播控件的实现思路和过程
在App的开发中,很多的时候都需要实现类似京东淘宝一样的自动无限轮播的广告栏,所以就自己写了一个,下面是我自定义控件的实现思路和过程. 一.自定义控件属性 新建自定义控件SliderLayout继承于 ...
- selenium+chrome抓取淘宝宝贝-崔庆才思路
站点分析 源码及遇到的问题 在搜索时,会跳转到登录界面 step1:干起来! 先取cookie step2:载入cookie step3:放飞自我 关于phantomJS浏览器的问题 源码 站点分析 ...
随机推荐
- JAVA 整合 SSM （Spring + SpringMVC + MyBatis）
< 一 > POM 配置文件 ( 如果出现 JAR 包 引入错误, 请自行下载 ) <project xmlns="http://maven.apache.org/POM/ ...
- centos的安装和下载
https://blog.csdn.net/risen16/article/details/50737948
- J2SE 8的输入输出--序列化
1. 普通序列化 implements Serializable 继承Serializable接口 class Employee implements Serializable { private S ...
- idea中spring boot启动后无法访问jsp
出自:https://www.jianshu.com/p/470b28d76147 第一种: 打开File > Project Structure > Facetes 如图1: 图1 如果 ...
- 常用html设置：
省略 居中 1. 省略 ellipsis: text-overflow:ellipsis: 要求容器必须是固定的,要不然无法做省略. table的省略 table{ table_layout:fixe ...
- Producer-consumer problem in Python
from: http://agiliq.com/blog/2013/10/producer-consumer-problem-in-python/ By : Akshar Raaj We will s ...
- Eclipse安装Svn无法连接问题
在Eclipse市场上安装完SVN插件后连接SVN时出现以下错误: SVN: '0x00400006: Validate Repository Location' operation finished ...
- 两个关于URL解析的例子
例一: /* 解析URL查寻串中的name=value参数对 将name=value对存储在对象属性中,并返回对象 alert(getQuery().name) */ function getQuer ...
- 磁盘IO过高时的处理办法
针对系统中磁盘IO负载过高的指导性操作 主要命令:echo deadline > /sys/block/sda/queue/scheduler 注:以下的内容仅是提供参考,如果磁盘IO确实比较大 ...
- java流输入输出
java读取txt文件内容.可以作如下理解: 首先获得一个文件句柄.File file = new File(); file即为文件句柄.两人之间连通电话网络了.接下来可以开始打电话了. 通过这条 ...