会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
lucascode
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
下一页
2020年12月22日
2020年12月22日 jQuery简介
摘要: $(document).ready(function(){ //获取文本节点 获取用空参 赋值用传参 var d1 = $("#d1").html(); // alert(d1); //获取class是p1的元素 var p1 = $(".p1").eq(0).html(); //console.l
阅读全文
posted @ 2020-12-22 18:36 lucascube
阅读(90)
评论(0)
推荐(0)
2020年12月21日
JS 实例 轮播图制作
摘要: 功能需求: 自动轮流展示图片。鼠标悬浮时停止自动滚动,显示翻动按钮和小图标,点击小图标可以切换至指定图片。 用到的知识点: 定时器、css动画、dom操作 效果演示: 代码实现: <!doctype html> <html> <head> <title>Test</title> <meta char
阅读全文
posted @ 2020-12-21 20:34 lucascube
阅读(131)
评论(0)
推荐(0)
2020年12月19日
2020年12月19日:JS事件
摘要: 阻止默认行为的两种方法: <a href="javascript:return false" >阻止默认行为</a> <a href="javascript:void(0)" >阻止默认行为</a> 标签中写的js中的this代表本标签对象: <input type="button" value="
阅读全文
posted @ 2020-12-19 16:41 lucascube
阅读(175)
评论(0)
推荐(0)
2020年12月18日
JS addEventListener 冒泡型、捕获型事件流测试
摘要: 在body中建一个p,p中建一个span: <!doctype html> <html> <head> <title>Practice2</title> </head> <body> <div id = "div1"> <p id = "p1"> <span id = "span1"> spansp
阅读全文
posted @ 2020-12-18 16:54 lucascube
阅读(185)
评论(0)
推荐(0)
2020年12月17日
JS 实例:2048小游戏
摘要: 用到的技术:HTML、CSS、原生JAVASCRIPT 用到的JS知识点: 事件监听器、多维数组等 效果: 思路: 利用table标签画出框架,建立一个多维数组来存储每个td里的数字,添加一个全局键盘事件监听器,监听键盘上下左右键。 根据用户按下的方向键,来操作多维数组,操作完成后再显示到td的in
阅读全文
posted @ 2020-12-17 08:42 lucascube
阅读(371)
评论(0)
推荐(0)
2020年12月16日
2020年12月16日 学习总结 DOM通用获取元素方式 form表单 select下拉菜单的常用方法属性
摘要: 个人认为难点在于属性名和方法名称的区分记忆,不能太依赖DW的代码提示,在这里整理一下以便日后的查阅复习: 一:DOM中通过DOM树关系访问: 1.getElements******* getElementById() getElementsByClassName() getElementsByNam
阅读全文
posted @ 2020-12-16 16:01 lucascube
阅读(219)
评论(0)
推荐(0)
2020年12月15日
JS实例 悬浮显示菜单效果
摘要: 在浏览网页中,我们经常会看到这种悬浮显示div的效果: 现在我们就来实现一下: 思路:3个DIV,前两个包起来,一个是隐藏的DIV,鼠标移到上方div时,再用JS将隐藏的div显示出来, html如下所示: css样式如下所示: JS实现: 现在达到了这种效果: 可以看到,鼠标离开红色快,移到绿色块
阅读全文
posted @ 2020-12-15 15:50 lucascube
阅读(1283)
评论(0)
推荐(0)
2020年12月15日 学习总结 BOM window对象 DOM
摘要: //window对象 /*window.alert("Welcome!"); var value = window.prompt("Input your name:"); window.confirm("Your Name is :"+value);*///返回值是true或false /*if(w
阅读全文
posted @ 2020-12-15 15:34 lucascube
阅读(96)
评论(0)
推荐(0)
JS实例 制作时钟
摘要: 首先用PS做好上面的带通道素材图。 思路:用Date对象获取时间,利用css3 transition来实现指针扫秒效果。 困难:一开始指针走到12时,会倒一圈回到0,更改算法后正常。 效果: 代码实现:
阅读全文
posted @ 2020-12-15 11:53 lucascube
阅读(126)
评论(0)
推荐(0)
2020年12月14日
JS实例:制作按按钮切换图片的效果
摘要: 设计思路: 利用两个button标签的onclick属性,调用一个函数,改变切换上方img标签的src属性,实现图片切换。 代码实现: 效果:
阅读全文
posted @ 2020-12-14 20:43 lucascube
阅读(469)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
下一页
公告