新手初学者对js的一些疑惑，希望有人可以指点一下迷津
日期：2014-05-16 浏览次数：20366 次
新手菜鸟对js的一些疑惑，希望有人可以指点一下迷津
我现在是一个对web开发有着浓厚兴趣的菜鸟。买了几本书看了有关html，css，javascript的一些基础知识，虽然对书中内容有不少疑惑，但是大致还都可以看懂。于是看完后就想试着做一个网页，看了一些网站的导航栏，焦点图觉得很漂亮，而且觉得貌似就是定义几个简单的函数就可以实现的，但是当我打开网站对应实现代码的时候简直就是惊呆了，一个简单的导航栏居然需要几百行的js代码实现，我对于这个东西深表疑惑，是我把问题想的 简单了吗？还是有很多我没有想到的东西？说实话看到呢几百行代码的时候我真的有点灰心丧气了，还望大神可以指点迷津
------解决方案--------------------
是需要的 几百行的代码也不算多啊
------解决方案--------------------
没代码从何说起呢 我也不知道他 的导航是怎么写的啊
你觉得纯的js代码复制 建议你去学下jquery 这个使用方便简洁
------解决方案--------------------
jquery我也知道，我感觉吧一个导航栏不就是鼠标放上去到时候有点效果，这个一个函数不就可以了，再者就是有个下拉菜单，这个再弄个函数控制一下出现隐藏不就可以了，感觉怎么写都是几十行，不如我这样问你吧，如果让你来实现一个导航栏，不引用像jquery库等等的库，用纯js编写，你会写出多少代码。谢谢
那你怎么简单怎么来呗 别人写的不一样是最好的
------解决方案--------------------
一般的导航特效不管使用原生js还是类库（如jquery） 最多几十行。
不过也有一些非常绚的动画 或者掺着html5，那上百行也正常。
ps：几百行不算多 即使是入门水平几百行也还是能写的出来的。。。
------解决方案--------------------
你要是有耐心解决兼容之类的问题，一句js也不用写，直接css的hover就行
比如
我现在是一个对web开发有着浓厚兴趣的菜鸟。买了几本书看了有关html，css，javascript的一些基础知识，虽然对书中内容有不少疑惑，但是大致还都可以看懂。于是看完后就想试着做一个网页，看了一些网站的导航栏，焦点图觉得很漂亮，而且觉得貌似就是定义几个简单的函数就可以实现的，但是当我打开网站对应实现代码的时候简直就是惊呆了，一个简单的导航栏居然需要几百行的js代码实现，我对于这个东西深表疑惑，是我把问题想的 简单了吗？还是有很多我没有想到的东西？说实话看到呢几百行代码的时候我真的有点灰心丧气了，还望大神可以指点迷津
------解决方案--------------------
是需要的 几百行的代码也不算多啊
------解决方案--------------------
没代码从何说起呢 我也不知道他 的导航是怎么写的啊
你觉得纯的js代码复制 建议你去学下jquery 这个使用方便简洁
------解决方案--------------------
jquery我也知道，我感觉吧一个导航栏不就是鼠标放上去到时候有点效果，这个一个函数不就可以了，再者就是有个下拉菜单，这个再弄个函数控制一下出现隐藏不就可以了，感觉怎么写都是几十行，不如我这样问你吧，如果让你来实现一个导航栏，不引用像jquery库等等的库，用纯js编写，你会写出多少代码。谢谢
那你怎么简单怎么来呗 别人写的不一样是最好的
------解决方案--------------------
一般的导航特效不管使用原生js还是类库（如jquery） 最多几十行。
不过也有一些非常绚的动画 或者掺着html5，那上百行也正常。
ps：几百行不算多 即使是入门水平几百行也还是能写的出来的。。。
------解决方案--------------------
你要是有耐心解决兼容之类的问题，一句js也不用写，直接css的hover就行
比如
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
.menu
{
text-align: center;
list-style: none;
padding: 0;
float: left;
margin: 4px 1px;
cursor: default;
width: 100px;
position: relative;
line-height: 24px;
height: 24px;
}
.menu > li:first-child
{
background: red;
padding: 4px 0;
margin: 0;
z-index: 2;
}
.menu > li + li
{
position: relative;
}
.menu > li ul
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
