摘要：
效果： 利用input的checked属性来实现：checked值为true,表示被选择，否则反之。 实现代码： js代码： <script> var butt1 = document.getElementById("butt1"); var butt2 = document.getElementB 阅读全文
摘要：
首次将本地项目上传至GitHub： 1.新建仓库：用于存放要上传的项目（尽量不要添加README）。 2.找到要上传的文件夹A，右键点击git bash here，打开git界面 3.使文件夹A加入git管理； git init 4.将文件夹A全部内容添加到git： git add . 5.将文件夹 阅读全文
摘要：
效果图： GitHub地址：https://github.com/123456abcdefg/Javascript 大家可以下载源码查看。 与前一篇写的轮播图实现的效果一致，这个是用jQuery写的，相对简单一点的吧。 js代码： 主要包括一下几个部分： 1.一个轮播的方法（left）：nextPa 阅读全文
摘要：
在轮播图中从最后一张图片跳转到第一张的时候，是利用left值来进行显示相应的图片。 若是使用animate来设置，则会使最后一张快速倒回到第一张图片，然后开始播放这样的效果。 可以使用$(selector).css("left",newLeft + 'px');即设置css样式来设置，这样会使最后一 阅读全文
摘要：
根据标题显示相应的内容，即实现遍历 实现功能： 鼠标经过时，标题可以发生颜色的变化，下面显示的内容变为该标题所对应的内容。 实现代码： 1.HTML： <body> <div class="dl"> <div class="list"> <div class="List active">列表1</d 阅读全文
摘要：
这周学习了JavaScript及jquery，上面说，jQuery其实就是js库，其中包含的就是js函数 通过document来获取对象，从而对其进行操作。（$） 阅读全文
摘要：
效果如图： 实现代码： 1.html： <div class="door"> <div class="in"><div> </div> 2.css： 设置父元素： .door{ width:250px; height:170px; background-image:url(img/1.jpg); b 阅读全文
摘要：
定位： 1.absolute（绝对定位）：绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。 absolute经常与relative结合使用。 2.relative（相对定位）：生成相对定位的元素，相对于其正常位置进行定位。 3.stati 阅读全文
摘要：
实现水平导航栏，多层菜单： html: css: 完整代码如下： 需要注意的是，设置浮动的时候需要给“整体”设置，给ul添加absolute定位，设置left及top， 阅读全文
摘要：
自己练了一个菜单栏，讲真，做的很一般，就当是先做个铺垫了。 样式如下： 代码实现： 1.HTML部分： <div id="nav"> <button id="total">新闻</button> <div id="list"> <a href="#home">新闻1</a> <a href="#ho 阅读全文