随笔分类 -  前端

静态网页、vue、Javascript
摘要:通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现,如果移出导航栏3秒又隐藏起来,而且不受滚动条影响(二) 效果:默认一直隐藏导航栏,当滚动条滚到超过300px按钮出现,点击回到顶部按钮回到顶部,并隐藏按钮,鼠标移动到顶部导航栏出现,鼠标移出导航栏后3秒后再次隐藏(导航栏和按 阅读全文
posted @ 2022-01-18 16:06 永恒之月TEL 阅读(562) 评论(0) 推荐(0) 编辑
摘要:回到顶部实例一 效果:默认隐藏导航栏,当滚动条滚到超过300px后导航栏和按钮出现,点击回到顶部按钮回到顶部,并隐藏导航栏和按钮(导航栏和按钮都是固定定位) <!doctype html> <html> <head> <meta charset="utf-8"> <style> body { mar 阅读全文
posted @ 2022-01-18 15:57 永恒之月TEL 阅读(608) 评论(0) 推荐(0) 编辑
摘要:Javascript中定时器的使用方法 1.间隔定时器(每隔一段时间执行一次代码) 格式:setInterval(函数,时间) //时间单位是毫秒,每隔设置的时间执行函数里的内容一遍(一直执行) //每隔一秒钟,输出一次i,并加一 var i=0 setInterval(function test( 阅读全文
posted @ 2022-01-18 10:55 永恒之月TEL 阅读(619) 评论(0) 推荐(0) 编辑
摘要:JavaScript BOM操作 1.获取浏览器窗口尺寸 var width=window,innerWidth //获取可视窗口宽度 var height=window.innerHeight //获取可视窗口高度 2.浏览器的弹窗层 window.alert("提示信息") //提示框 无返回值 阅读全文
posted @ 2022-01-18 10:52 永恒之月TEL 阅读(37) 评论(0) 推荐(0) 编辑
摘要:Jquery操作文本内容(三个方法:html()、text()、var()) 一、html()获取和设置文本内容和标签 1、获取标签里的结构和内容 $("ul").html() //获取标签里所有的结构和内容 ###2、设置标签里的文本内容 $(".a").html("你好,世界") //设置标签里 阅读全文
posted @ 2022-01-17 16:57 永恒之月TEL 阅读(268) 评论(0) 推荐(0) 编辑
摘要:jQuery选择器 id选择器格式 $("#box") //获取标签里的id是box的标签 类选择器格式 $(".a") //获取标签里的类名是a的标签 标签选择器格式 $("div") //获取标签是div的标签 结构选择器格式 $("li:mth-child(odd)") //获取标签是li的奇 阅读全文
posted @ 2022-01-17 16:43 永恒之月TEL 阅读(38) 评论(0) 推荐(0) 编辑