jquery 导航条的效果(css选择器控制)

div div jquery1274844839136="1"标题1/div div jquery1274844839136="2"标题2/div div jquery1274844839136="3"标题3/div div jquery1274844839136="4"标题4/div div jquery1274844839136="5"标题5/div div jquery1274844839136="6"标题6/div /div div进入之后才能看到效果！/div script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"/scriptscript type="text/javascript" $(document).ready(function () { myHide(); }); function myHide() { //alert("hello"); //注册事件 $(".m1").bind('mouseover', m1_mouseover); $(".m1").bind('mouseout', m1_mouseout); $(...<a href="https://www.tulaoshi.com/n/20160219/1602918.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-19</span> <i>标签:</i> <div class="yyy_2_a"><a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> </div> </div> </div> </div> <div class="xiangguan_gg xiangguan_reader clearfix"> <div class="xiang_892_1" style="width:1158px;"> <h3><a href="https://www.tulaoshi.com/n/20160219/1602918.html" target="_blank">jquery 导航条的效果(css选择器控制)</a>的相关文章</h3> </div> <div class="xiang_892_2" style="width:1158px;"> <ul id="loadmore_container" style="width:1158px;"> <li> <div class="xiang_892_2_1"><a href="/reader/1602849" target="_blank"><img src="https://img.tulaoshi.com/201602/19/7b899020c5ed831405f4c6c68e3cd9bc_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602849.html" target="_blank">jquery css 选择器演示代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 效果如图所示: 核心代码: 代码如下: script type="text/javascript" $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//改变body内所有div的属性 $('div span').css("background","#bbffaa").css("color","red").css("font-size","12px");//改变所有div下的span元素的属性 $('#two .mini').css("background","red");//id为...<a href="https://www.tulaoshi.com/n/20160219/1602849.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/yellowcatzy/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>yellowcatzy</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602883" target="_blank"><img src="https://img.tulaoshi.com/201602/19/6eabf0c541e8613793a9523888cffc4f_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602883.html" target="_blank">jQuery温习篇强大的JQuery选择器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 在jQuery出世以来，它取得很大的成就和认同。JQuery是一个轻量级的JavaScript框架，它的发布版很小仅16K左右。它能让你方便简洁的写出漂亮的动画效果、实现各种视觉效果，轻松的处理JavaScript的DOM数以及Ajax的交互行为。它的优点在于轻量级、简单易学、易扩展、跨浏览器和网上拥有大量的jQuery插件使用。由于它这一大堆的优点，它已经被微软官方认可加入VS IDE中拥有强大的智能提示，并据官方的统计现在至...<a href="https://www.tulaoshi.com/n/20160219/1602883.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/maomaoyu卟大/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/13.jpg" /><span>maomaoyu卟大</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1578774" target="_blank"><img src="https://img.tulaoshi.com/201602/17/c8dae83036ce28641fc9a26a6969dc25_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160217/1578774.html" target="_blank">CSS教程：征服高级CSS选择器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="https://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="https://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="https://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="https://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="https://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="https://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="https://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="https://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="https://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123"> CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面，而不用改变页面的标签。但是尽管事实上，我们每个人也都意识到了它是有用的，CSS 选择器远未发挥它们的潜力，有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的HTML搞的很凌乱。避免让这些瘟疫在你的标签中传播并保持其简洁和语义化的最佳方式，就是使用更复杂的CSS选择器，它们可以定位于...<a href="https://www.tulaoshi.com/n/20160217/1578774.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/追风少年198610/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>追风少年198610</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">28</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602891" target="_blank"><img src="https://img.tulaoshi.com/201602/19/cc335b6bee6302e34844c3957178580b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602891.html" target="_blank">jQuery 练习[一] 学习jquery的准备工作</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http://docs.jquery.com/Downloading_jQuery jQuery 库就是一个 js 文...<a href="https://www.tulaoshi.com/n/20160219/1602891.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/苏烟·来一根/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>苏烟·来一根</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/129795" target="_blank"><img src="https://img.tulaoshi.com/201501/15/c457c6b505dc9534a2cb6f37bdca9994_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20150115/129795.html" target="_blank">coreldraw导航条设计</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/coreldraw/" target="_blank">CorelDRAW</a> <a href="https://www.tulaoshi.com/diannaoyingyong/" target="_blank">电脑应用</a></div> <div class="span_em_123"> 预览效果本节通过两个小示例，介绍导航条按钮的制作过程，效果如图所示。导航条按钮预览效果图知识提要 ◇ 交互式阴影工具、交互式透明工具的应用 ◇ 渐变填充设置技巧制作步骤 1. 导航条按钮效果 1 步骤 1 新建一个空白文件执...<a href="https://www.tulaoshi.com/n/20150115/129795.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/greatghoul/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>greatghoul</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">58</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602909" target="_blank"><img src="https://img.tulaoshi.com/201602/19/9f2cb0aa115f0ba63dbc341c532b1c4f_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602909.html" target="_blank">jquery 弹出公告功能代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle *{ma...<a href="https://www.tulaoshi.com/n/20160219/1602909.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/萌小猫hy/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>萌小猫hy</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">208</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1484181" target="_blank"><img src="https://img.tulaoshi.com/201601/29/91bf08c224de57efc8883100ec99b0f2_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160129/1484181.html" target="_blank">创建一个纯CSS的水平导航条</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="https://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="https://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="https://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123"> 按照传统的方法，导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容，所以很多制作Web的人正在寻找（新的）方法，用结构化的XHTML标记和CSS格式来创建导航条。一个简单的CSS导航条创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，就像例A里的一样。这种方法看起来很合理也很直观。但问题是，把所有的链接都放...<a href="https://www.tulaoshi.com/n/20160129/1484181.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/zzcclove/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>zzcclove</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1570362" target="_blank"><img src="https://img.tulaoshi.com/201602/16/8c56719cd2e01e305f27618151f0fb02.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160216/1570362.html" target="_blank">Photoshop制作水晶玻璃效果网站导航条</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/ps/" target="_blank">PS</a> <a href="https://www.tulaoshi.com/psjichu/" target="_blank">PS基础</a></div> <div class="span_em_123"> 来看看效果图： PS：教程中涉及的颜色可以根据自己喜欢来设定，改变下参数，会做出大家意想不到的效果哦，所以请练习的朋友灵活运用！制作步骤： 1：新建一个700*300的文件 2：用圆角矩形工具画一个稍等小一点的形状 3：转换为选区 4：新建一层，填充为任意颜色 5：给新建的层添加图层样式，1---投影效果 6：继续增加图层样式，2--内阴影 7：3---外发光 8：4--内发光 ...<a href="https://www.tulaoshi.com/n/20160216/1570362.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/虚无冰晶/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/12.jpg" /><span>虚无冰晶</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1494110" target="_blank"><img src="https://img.tulaoshi.com/201601/29/52a563d0a2935c4a3c1eddfe93ebfbf3_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160129/1494110.html" target="_blank">FLASH：韩国导航条解析</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/fjc/" target="_blank">flash教程</a></div> <div class="span_em_123"> 效果如下: 准备工作： 1.新建一个名为item_BG的影片剪辑~ 在item_BG中添加一个矩形块，大小大概就和按钮的大小差不多，具体自己调~ 然后将item_BG该影片剪辑的链接名称命名为'mblock' 2.新建一个名为item_EN的影片剪辑~() 在item_EN中添加一个动态文本框，将实例名称命名为'itext'，文本框位置大小自己调~ 这里要注意的是在属性栏的右下...<a href="https://www.tulaoshi.com/n/20160129/1494110.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/裁决小沫揈h/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/20.jpg" /><span>裁决小沫揈h</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602847" target="_blank"><img src="https://img.tulaoshi.com/201602/19/3dabc7cb9358f6170ecf774040ad7a49_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602847.html" target="_blank">jQuery 顺便学习下CSS选择器奇偶匹配nth-child(even)</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">对此，我把CSS3标准中nth-child()用法大致介绍下： CSS3伪类选择器：nth-child() 简单的归纳下nth-child()的几种用法。第一：nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。 (EG) li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/ 第二：nth-child(an) 匹配所有倍数为a的元素。其中参数an中的字母n不可缺省，它是倍数写法的标志，如3n、5n。 (EG) li:n...<a href="https://www.tulaoshi.com/n/20160219/1602847.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/莉仙滴甜/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>莉仙滴甜</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602900" target="_blank"><img src="https://img.tulaoshi.com/201602/19/778c4e70ab9e9bb4e0b04b0608699c26_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602900.html" target="_blank">jquery div提示框渐隐弹出与隐藏效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlejquery div提示框渐隐弹出与隐藏/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/s...<a href="https://www.tulaoshi.com/n/20160219/1602900.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/奋斗达人A/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>奋斗达人A</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">33</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1599382" target="_blank"><img src="https://img.tulaoshi.com/201602/19/a19ed51b894896e36d73c156d5cdea5d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1599382.html" target="_blank">关于Blog顶部的滚动导航条代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">不少朋友通过各种方式问我要 Blog 顶部的滚动导航菜单的代码。其实也没什么特别的，但既然有需求，我就还是把这部分代码整理出来，供大家参考。代码如下： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" HEAD TITLEFloat&nb...<a href="https://www.tulaoshi.com/n/20160219/1599382.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/zrs3315/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/22.jpg" /><span>zrs3315</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1570309" target="_blank"><img src="https://img.tulaoshi.com/201602/16/49271b5e617189004f6c4debe2d24322_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160216/1570309.html" target="_blank">Photoshop绘制灰色风格的网页导航条</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/ps/" target="_blank">PS</a> <a href="https://www.tulaoshi.com/psjichu/" target="_blank">PS基础</a></div> <div class="span_em_123"> 最终效果步骤步骤2，创建导航背景，下面忘记写了，颜色是#5a5a5a 设置灰色块的图层样式，内阴影+渐变设置完渐变的时候效果出来啦好，复制背景，行距是3px 为导航条写上标题下面设置圆圈的样式图层样式设置完毕把图层不透明°设置为70% 加上箭头得到效果最终效果 <a href="https://www.tulaoshi.com/n/20160216/1570309.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/只因我喜欢80/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.jpg" /><span>只因我喜欢80</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1578284" target="_blank"><img src="https://img.tulaoshi.com/201602/17/0f21a3a4dcadfa8c3be1f736efbf00fd.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160217/1578284.html" target="_blank">网站多维度导航条的设计思路</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="https://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="https://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="https://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="https://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="https://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="https://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="https://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="https://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="https://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123"> 我们所说的多维度导航是指能够引导用户通过不同纬度：运营维度、商品自然属性维度、搜索等维度，快速浏览目标商品的导航，我们称之为多维度导航。本次薯片会一改以往低调、沉稳之作风，先瑜伽团美女show上阵，再是以臭为首的吃喝团上阵，两轮下来大家情绪Hight到了极点，自然讨论的时候思维也是相当的敏捷，O(∩_∩)O! 本次薯片会以QQ商城网站为例，对多维度导航进行了深入探讨我们所说的多维度...<a href="https://www.tulaoshi.com/n/20160217/1578284.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/散文789/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>散文789</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">50</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1569200" target="_blank"><img src="https://img.tulaoshi.com/201602/16/030e4f61d449ffc95ee108a7fd4fe8bd_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160216/1569200.html" target="_blank">Photoshop设计制作网页头部导航条</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/ps/" target="_blank">PS</a> <a href="https://www.tulaoshi.com/psjichu/" target="_blank">PS基础</a></div> <div class="span_em_123"> 效果 1, 在PS中新建文件，宽度定义为1000px，实际上我们所要用到的宽度一般在950px-980px之间。为了方便更好的展示网站的整体效果。所以文件的宽度应大于网页实际的宽度。高度自定，但最好要大于整个页面的高度，在没有办法确定页面的高度范围时，我们可以把高度定到大于网页高度。这样，整个页面制作好了。我们可以使用裁切工具。将多余的部分裁切掉。 2, 这个实例，以网站实际宽度为800像素...<a href="https://www.tulaoshi.com/n/20160216/1569200.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/我叫丶王兽医/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/20.jpg" /><span>我叫丶王兽医</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">12</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1566674" target="_blank"><img src="https://img.tulaoshi.com/201602/16/fc6d80ff97242a35487f41e89c1396fd_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160216/1566674.html" target="_blank">Photoshop快速绘制木纹质感的导航条</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/ps/" target="_blank">PS</a> <a href="https://www.tulaoshi.com/psjichu/" target="_blank">PS基础</a></div> <div class="span_em_123"> <a href="https://www.tulaoshi.com/n/20160216/1566674.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/兮挚爱/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>兮挚爱</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1578313" target="_blank"><img src="https://img.tulaoshi.com/201602/17/bf76724a7df839e5af9d7729e27b8f84_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160217/1578313.html" target="_blank">评判国内商城网站的导航条设计</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="https://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="https://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="https://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="https://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="https://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="https://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="https://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="https://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="https://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123"> 电子商务网站的主导航设计是整个网站最最最核心的模块之一。导航需要解决的问题就是，告诉用户如何快速准确的到达他想要去的任何地方。本文主要想表达的内容是：如果某个组件具有某个属性，那就把这个属性发挥到极致；如果某个组件不具备某个属性，那么就不要把它伪装成具备这个属性，并用这个属性来诱奸用户。简单说，设计就是要解决问题，这是设计的本质与落脚点。电子商务网站的主导航设计是整...<a href="https://www.tulaoshi.com/n/20160217/1578313.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/房间先生/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/13.jpg" /><span>房间先生</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1564713" target="_blank"><img src="https://img.tulaoshi.com/201602/15/4649fe31ebdd38c4c41c0b3999141e7f_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160215/1564713.html" target="_blank">Photoshop制作透明风格的网页导航条</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/ps/" target="_blank">PS</a> <a href="https://www.tulaoshi.com/psjichu/" target="_blank">PS基础</a></div> <div class="span_em_123"> 首先声明，这个透明的导航不是我发明的，我是借鉴和学习，其次，我在做的过程中遇到很多问题，是前辈们没有讲出来的。是通过我一点点研究出来的成果，所以解决的问题是原创，最后，希望把东西分享给更多的人，让大家少走弯路，多进步。先发一组模拟的效果图那么接下来我们开始吧 1. 新建一个画布(我的是1000*1000px，新手可以效仿) 背景颜色(个人喜好，我的背景是图片模糊处理过的，我会在专门...<a href="https://www.tulaoshi.com/n/20160215/1564713.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/清风语士/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>清风语士</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1493201" target="_blank"><img src="https://img.tulaoshi.com/201601/29/2f7590a7b8129024e62d462b0f87085c_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160129/1493201.html" target="_blank">简单的用PHP编写的导航条程序</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/php/" target="_blank">PHP</a></div> <div class="span_em_123"> //简单的用PHP编写的导航条程序 <?php //导航条配置说明：默认显示的是目录名 //如果不愿意使用目录名，请去掉下面一行注释，并修改数组元素 $label= array("目录1"="导航名1","目录2"="导航名2","目录3"="导航名3"); $ur1=$REQUEST_URI; while($ur1 != ""){ $text=basename($ur1); ...<a href="https://www.tulaoshi.com/n/20160129/1493201.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/忽如91/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/11.jpg" /><span>忽如91</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">27</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1593990" target="_blank"><img src="https://img.tulaoshi.com/201602/19/cc6b7ad3102f3a8748f52fb8554af8d5_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1593990.html" target="_blank">HTML5新增的Css选择器、伪类介绍</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">选择器 p[name^=my]{font-size:14px} 选择器 ^= 讲规则应用到所有 name属性以my开头的p元素标签 p[name$=my]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性以my结尾的p元素标签 p[name*=my]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性包含my结尾的p元素上选择器、 + 、~ 选择器表示受影响的元素是第一个元素的子元素。选择器+这个选择器引用紧跟元素之后的元素，这两个元素...<a href="https://www.tulaoshi.com/n/20160219/1593990.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/靠人脉奋斗生活/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>靠人脉奋斗生活</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21870.html">上一页</a><a href="/reader/21867.html">21867</a><a href="/reader/21868.html">21868</a><a href="/reader/21869.html">21869</a><a href="/reader/21870.html">21870</a><a href="/reader/21871.html" class="cur">21871</a><a href="/reader/21872.html">21872</a><a href="/reader/21873.html">21873</a><a href="/reader/21874.html">21874</a><a href="/reader/21875.html">21875</a><a href="/reader/21872.html">下一页</a> </div> </div> </div>  <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="https://m.tulaoshi.com//" class="icon_hu3">手机页面</a> <div class="float_bot_2"> <a href="javascript:;"id="show_search_input"> <input type="submit" class="input_sub" id="fixbottom_search_btn"> <input type="text" class="text_a_input" placeholder="输入你想搜索的关键词" style="display:none;" id="fixbottom_search_input"> </a> </div> <a href="javascript:;" class="icon_hu2" id="fav_site_btn" data-url="https://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div>  <script type="text/javascript" src="https://static.tulaoshi.com/js/zt.js"></script> </body> </html>