摘要: $(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)
摘要: 功能需求: 自动轮流展示图片。鼠标悬浮时停止自动滚动,显示翻动按钮和小图标,点击小图标可以切换至指定图片。 用到的知识点: 定时器、css动画、dom操作 效果演示: 代码实现: <!doctype html> <html> <head> <title>Test</title> <meta char 阅读全文
posted @ 2020-12-21 20:34 lucascube 阅读(131) 评论(0) 推荐(0)
摘要: 阻止默认行为的两种方法: <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)
摘要: 在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)
摘要: 用到的技术:HTML、CSS、原生JAVASCRIPT 用到的JS知识点: 事件监听器、多维数组等 效果: 思路: 利用table标签画出框架,建立一个多维数组来存储每个td里的数字,添加一个全局键盘事件监听器,监听键盘上下左右键。 根据用户按下的方向键,来操作多维数组,操作完成后再显示到td的in 阅读全文
posted @ 2020-12-17 08:42 lucascube 阅读(371) 评论(0) 推荐(0)
摘要: 个人认为难点在于属性名和方法名称的区分记忆,不能太依赖DW的代码提示,在这里整理一下以便日后的查阅复习: 一:DOM中通过DOM树关系访问: 1.getElements******* getElementById() getElementsByClassName() getElementsByNam 阅读全文
posted @ 2020-12-16 16:01 lucascube 阅读(219) 评论(0) 推荐(0)
摘要: 在浏览网页中,我们经常会看到这种悬浮显示div的效果: 现在我们就来实现一下: 思路:3个DIV,前两个包起来,一个是隐藏的DIV,鼠标移到上方div时,再用JS将隐藏的div显示出来, html如下所示: css样式如下所示: JS实现: 现在达到了这种效果: 可以看到,鼠标离开红色快,移到绿色块 阅读全文
posted @ 2020-12-15 15:50 lucascube 阅读(1283) 评论(0) 推荐(0)
摘要: //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)
摘要: 首先用PS做好上面的带通道素材图。 思路:用Date对象获取时间,利用css3 transition来实现指针扫秒效果。 困难:一开始指针走到12时,会倒一圈回到0,更改算法后正常。 效果: 代码实现: 阅读全文
posted @ 2020-12-15 11:53 lucascube 阅读(126) 评论(0) 推荐(0)
摘要: 设计思路: 利用两个button标签的onclick属性,调用一个函数,改变切换上方img标签的src属性,实现图片切换。 代码实现: 效果: 阅读全文
posted @ 2020-12-14 20:43 lucascube 阅读(469) 评论(0) 推荐(0)