- 非缘勿扰
- 主演：苏有朋/秦岚/傅艺伟等
- 导演：赖水清
- 标签：苏有朋 国产电视剧 2013 连续剧
- 剧情：当代都市，大年女刘林、杨阳都在寻找自己的如意郎君，刘林偶遇陆氏房地产总裁路西诺，两人成了欢喜冤家，遭到暗恋西诺的丁娟的嫉恨。。。点击了解更多
jquery-js 美化页面
项目一(使用jQuery美化英雄联盟简介页)
使用jQuery美化英雄联盟简介页
英雄联盟
《英雄联盟》，简称LOL。
由Riot Games 开发，为3D竞技场战游戏，其
主创团队由实力强劲的
魔兽争霸
系列游戏多人即时对战自定义地图开发团队
...
更多详情
目录
- 开发团队
- 游戏周边
- 游戏介绍
- 配置需求
- 游戏背景
js
$(function(){
$("h1+p").css("background","yellow");
$("#content span").css("background","#FF3333");
$("#content>span>span").css("background","#B8B8B8");
$(".current").css("background","#FF00CC");
});
效果
项目
制作非缘勿扰页面特效
js
$(function(){
$("dt").click(function(){ //点击非缘勿扰 显示id的颜色
$("dd span[id]").css({"color":"red","font-size":"15px","font-weight":"bold"}); //dd下的里面的id
//});
$("dd span[title]").css({"color":"#000000","font-size":"15px","font-weight":"bold"});
$("dt").click(function() {//添加点击显示效果
//$("#label~span").css({"color":" #00FF00","font-size":"15px","font-weight":"bold"});
});
});
});
项目三(隔行变色的商品列表)
隔行变色的商品列表
商品
单价
数量
操作
丹幕妮通勤波点印花毛衣
180.0
3
删除
预售太平洋女装连衣裙
765.0
4
删除
丹幕妮通勤红色小外套
456.0
2
删除
漫巴森秋装新款套头衫
140.0
1
删除
js
$(function(){
$("table tr:even").css("background","#FFFF33");//双
$("table tr:odd").css("background","#FFFFFF");
});
css
*{padding:0;margin:0;}
.contain{width:100%;margin:0px auto;}
tr{text-align:center;}
th{line-height:45px;background:#0000ff; color: #ffffff;}
td{border-bottom:1px #d7d7d7 solid;}
td,td a{padding:8px 0;color:#666;font-size:14px;}
td img{vertical-align:middle;}
td img,td a{display:inline-block;margin-right:8px;}
结果
项目四
全网热播视频
全网热播视频
昊花梦
1
好先生
2-
- 3三八线
加入看单
- 4吉详天宝
加入看单
- 5亲爱的翻译官
加入看单
- 6仙剑云之凡
加入看单
- 7权力的游戏第五季
加入看单
- 8琅琊榜
加入看单
- 9那年青春我们正好
加入看单
- 10乡村受情8（上）
加入看单
js
$(function(){
$("ul>li:last").css("background","#D3D3D3");
$("span:lt(3)").css("background","#F0E68C");//小于3，从0开始
$("span:gt(2)").css("background","#606060");//大于2
$("span:lt(2)").css("margin-left","20px");
$("h1:lt(2)").css("margin-left","20px");
$("img:lt(2)").css("margin-left","20px");
//$("p").css("display", "block");
$("ol li").mouseover(function(){
$(this).find("p").show();
});
$("ol li").mouseout(function(){//鼠標移出
$(this).find("p").hide();
});
//添加两个箭头的效果
$(" ol li:eq(0),ol li:eq(2),ol li:eq(3),ol li:eq(4)").css({
"background-image": "url(images/orange.jpg)",
"background-repeat": "no-repeat",
"background-position": "right -2px"
});
$(" ol li:eq(1),ol li:eq(5),ol li:eq(6),ol li:eq(7)").css({
"background-image": "url(images/green.jpg)",
"background-repeat": "no-repeat",
"background-position": "right -2px"
});
});
效果
鼠标移动到目录那里显示（没调好 有大神指导一下？）
