会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
又是没BUG的一天
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
2019年12月2日
jQuery实现电梯导航特效
摘要: 功能描述: 当滚动条滑到某个位置时,显示电梯导航; 当用户滚动滚动条时,让电梯导航的选中状态和当前滚动到的区域保持一致; 当用户点击电梯导航时,滚动条滚动到被点击导航对应的区域 准备工作: 首先将jQuery文件以及你自己的js文件引入你的html里,jq文件要放在上面 <script src="j
阅读全文
posted @ 2019-12-02 10:26 又是没BUG的一天
阅读(2801)
评论(0)
推荐(1)
2019年12月1日
原生JS实现移动端轮播图
摘要: 功能描述: 自动无缝轮播图片,底部小圆点跟图片保持一致;手指左右移动轮播图,移动距离大于50px播放下一张(或上一张),小于50px则回弹 具体功能实现: 1.定时器 自动轮播图片 先声明一个index=0用来存图片索引; 添加一个定时器,每隔两秒调用一次,每调用一次定时器(图片播放一次)index
阅读全文
posted @ 2019-12-01 12:03 又是没BUG的一天
阅读(3911)
评论(0)
推荐(3)
2019年11月27日
JavaScript实现动态轮播图效果
摘要: 功能描述: 1.鼠标经过 左右侧箭头显示,鼠标离开 箭头隐藏 2.动态添加底部小圆圈并绑定单击事件,并且让小圆圈的点击事件和左右箭头点击事件同步 3.拷贝第一张图片添加到ul最后可以实现动态添加图片 4.给箭头绑定单击事件,并且使图片可以无缝轮播 5.实现自动轮播(动画函数) 代码实现: 1.鼠标移
阅读全文
posted @ 2019-11-27 11:18 又是没BUG的一天
阅读(3924)
评论(8)
推荐(2)
2019年11月26日
JavaScript实现返回顶部效果
摘要: 仿淘宝回到顶部效果 需求:当滚动条到一定位置时侧边栏固定在某个位置,再往下滑动到某一位置时显示回到顶部按钮。点击按钮后页面会动态滑到顶部,速度由快到慢向上滑。 思路: 1、页面加载完毕才能执行js代码 可以将js代码写在最下边(本次回顶示例是用的这种) 想写在上边可以用下边这两种: ①window.
阅读全文
posted @ 2019-11-26 22:40 又是没BUG的一天
阅读(1701)
评论(0)
推荐(1)
2019年11月19日
在项目中在线使用Iconfont图标
摘要: Iconfont真的很强大,图标数量惊人,基本任意的关键词都能搜索到你想要的结果。而且是国产的,网速会比较快,还可以改变图标颜色。 它提供svg、png、ai三种格式下载,之前我一直都是乖乖的一个个下载,最近才发现了新大陆,它竟然可以制作字体图标,简直不要太好用!后悔没有早点发现! 以下内容摘自官网
阅读全文
posted @ 2019-11-19 20:08 又是没BUG的一天
阅读(2402)
评论(0)
推荐(1)
2019年11月15日
DOM事件流的三个阶段
摘要: 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。 DOM事件流分为三个阶段,分别为: 捕获阶段:事件从Document节点自上而下向目标节点传播的阶段; 目标阶段:真正的目标节点正在处理事件的阶段; 冒泡阶段:事件从目标节点自上而下向Document节点传播的阶段。 捕获阶
阅读全文
posted @ 2019-11-15 19:09 又是没BUG的一天
阅读(5224)
评论(0)
推荐(4)
JavaScript文档对象模型(DOM)——DOM核心操作
摘要: 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口。 W3C已经定义了一系列DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。 1、对于JavaScript,为了能够使JavaScript操作HT
阅读全文
posted @ 2019-11-15 12:18 又是没BUG的一天
阅读(741)
评论(0)
推荐(1)
2019年11月2日
JS查找某个字符在字符串中出现的位置及次数
摘要: var str = 'fdhfgcsaedvcfhgfh'; var index = str.indexOf('f'); // 字符出现的位置 var num = 0; // 这个字符出现的次数 while(index !== -1) { console.log(index); // 打印字符串出现
阅读全文
posted @ 2019-11-02 18:06 又是没BUG的一天
阅读(46135)
评论(0)
推荐(1)
JS倒计时
摘要: 用时间戳来计算倒计时 时间戳:当前时间距离1970年1月1日一共过了多少毫秒。 得到当前时间以及结束时间的时间戳,二者相减即是剩余的毫秒数,将剩余毫秒数转化成 时 分 秒 即是倒计时。 function countDown(Time) { var nowTime = +new Date(); //当
阅读全文
posted @ 2019-11-02 17:51 又是没BUG的一天
阅读(484)
评论(0)
推荐(0)
2019年5月18日
内联元素和块状元素的区别
摘要: html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 内联元素 在html中,<span>、<em>、<a>、<p>等标签是典型的内联元素。当然块状元素也可以通过设置display:inline;显示为内联元素,从而使块级元素具有内联元素的特点。 内联元素
阅读全文
posted @ 2019-05-18 15:46 又是没BUG的一天
阅读(868)
评论(2)
推荐(1)
上一页
1
2
公告