[置顶] <ul>标签设计简单导航栏

摘要: 当我们刚开始学习html/css的时候,对于padding 、float、行内元素、块级元素用起来可能会混淆,但是呢我们可以通过一个简单的nav案例来清楚各自具体作用。 1.首先我们创建一个大的容器,用来固定我们的nav在屏幕上展示 我们给它设置一个宽度和背景色。 2.我们设置nav的<div>标签 阅读全文

posted @ 2017-11-01 17:14 sbird 阅读(3399) 评论(0) 推荐(0)

[置顶] 用css属性画出一棵圣诞树

摘要: 对于学习前端的童鞋,css的掌握是必须的。今天就来实现用css画出一棵圣诞树。 主要练习的是css里面border的练习与掌握程度。 在body创建一个主区域<div></div>:我们用border搭建的三角形在主区域内。 改主区域的背景色:可以给设定一个高度 创建第一个三角形: 这里的每个区域代 阅读全文

posted @ 2017-10-20 15:42 sbird 阅读(4221) 评论(2) 推荐(1)

2020年11月26日

Javascript 严格模式的一些理解

摘要: 平常我们在ECMAscript5中可以声明以下的变量 num = 5; console.log(num);//输出的是变量5 而为了Javascript更合理、更安全、更严谨的方向发展,添加了一种新的模式进来 - “严格模式” 严格模式的主要目的 1、消除javascript的一些不严谨、不合理之处 阅读全文

posted @ 2020-11-26 14:44 sbird 阅读(106) 评论(0) 推荐(0)

2020年11月8日

通俗易懂浅谈理解ES6类this不同指向问题

摘要: 1. class Btn{ //定义的一个类 constructor(id){ // constructor是一个构造函数,是一个默认方法,通过 new 命令创建对象实例时,自动调用该方法。一个类必须有 constructor 方法,如果没有显式定义,一个默认的 consructor 方法会被默认添 阅读全文

posted @ 2020-11-08 13:25 sbird 阅读(239) 评论(0) 推荐(0)

2020年10月30日

jquery里面的一些方法使用

摘要: prop(“属性名”); //获取属性名 prop(“属性名”,“属性值”); //设置属性名 change(fucntion(){ //当元素的值发生改变时,会发生 change 事件。 }) //该事件仅适用于文本域(text field),以及 textarea 和 select 元素。 at 阅读全文

posted @ 2020-10-30 18:09 sbird 阅读(108) 评论(0) 推荐(0)

2020年10月29日

JQuery中的顶级对象$的了解

摘要: 我们想使用JQuery里面的方法,是要通过JQuery的 $ 对象调用里面的方法 1. 我们希望代码在html加载完毕之后立即执行,那么可以使用ready事件。 实例:$(document).ready(function(){ alert(‘等页面的dom元素加载完毕执行’);//ready与win 阅读全文

posted @ 2020-10-29 11:16 sbird 阅读(326) 评论(0) 推荐(0)

2020年10月22日

js实现无缝连接轮播图(八)自动播放功能

摘要: <!-- 这个animate.js 必须写到 index.js的上面引入 --><script src="js/animate.js"></script><!-- 引入我们首页的js文件 --><script src="js/index.js"></script> HTML代码 <div class 阅读全文

posted @ 2020-10-22 12:59 sbird 阅读(1230) 评论(0) 推荐(0)

js实现无缝连接轮播图(七)实现左侧按钮的功能

摘要: <!-- 这个animate.js 必须写到 index.js的上面引入 --><script src="js/animate.js"></script><!-- 引入我们首页的js文件 --><script src="js/index.js"></script> HTML代码 <div class 阅读全文

posted @ 2020-10-22 12:49 sbird 阅读(473) 评论(0) 推荐(0)

js实现无缝连接轮播图(六)点击右侧按钮,实现小圆点也一起滚动

摘要: <!-- 这个animate.js 必须写到 index.js的上面引入 --><script src="js/animate.js"></script><!-- 引入我们首页的js文件 --><script src="js/index.js"></script> HTML代码 <div class 阅读全文

posted @ 2020-10-22 11:35 sbird 阅读(872) 评论(0) 推荐(0)

js实现无缝连接轮播图(六)cloneNode第一张图片放到最后

摘要: <!-- 这个animate.js 必须写到 index.js的上面引入 --><script src="js/animate.js"></script><!-- 引入我们首页的js文件 --><script src="js/index.js"></script> HTML代码 <div class 阅读全文

posted @ 2020-10-22 10:59 sbird 阅读(589) 评论(0) 推荐(0)

js实现无缝连接轮播图(五)点击右箭头,实现图片滚动

摘要: <!-- 这个animate.js 必须写到 index.js的上面引入 --><script src="js/animate.js"></script><!-- 引入我们首页的js文件 --><script src="js/index.js"></script> HTML代码 <div class 阅读全文

posted @ 2020-10-22 10:47 sbird 阅读(866) 评论(0) 推荐(0)

2020年10月20日

js实现无缝连接轮播图(四)点击小圆点,移动图片

摘要: <!-- 这个animate.js 必须写到 index.js的上面引入 --><script src="js/animate.js"></script><!-- 引入我们首页的js文件 --><script src="js/index.js"></script> HTML代码 <div class 阅读全文

posted @ 2020-10-20 14:00 sbird 阅读(2142) 评论(0) 推荐(0)

导航