![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js基础
文章平均质量分 57
Shark1300
这个作者很懒,什么都没留下…
展开
-
Day3-Date对象和Array对象
Day3-Date对象和Array对象Date对象声明一个Date(日期)对象;var d = new Date();获取当前系统时间;var str = d.getFullYear()+"/"+(d.getMonth()+1)+"/"+d.getDate()+"  "+d.getHours()+&原创 2018-11-10 00:00:15 · 237 阅读 · 0 评论 -
Day19-使用单个img标签做轮播效果
Day19-使用单个img标签做轮播效果使img标签不断显示和隐藏来实现轮播图效果。1.HTML界面<div> <img src="../images/a1.jpg" width="160" height="160" /></div>2.JavaScript记得导入JQuery文件。var i = 1;var Time;var im..原创 2018-11-26 11:12:43 · 445 阅读 · 1 评论 -
Day17-小功能系列:盒子的旋转
Day17-小功能系列:盒子的旋转功能描述:当鼠标放在盒子上,盒子进行顺时针转动,转动完一圈后停止;当鼠标移开,盒子进行逆时针转动,回到初始位置停止。1.HTML界面前端界面和简单,随便创建一个div<div class="test">这是旋转的盒子</div>2.Css样式主要将创建的div变成一个圆形,当然可有可无。.test{ width:...原创 2018-11-24 20:52:50 · 430 阅读 · 0 评论 -
Day18-使用多个img标签做轮播效果
Day18-使用多个img标签做轮播图使img标签不断显示和隐藏来实现轮播图效果。1.HTML界面首先先创建好一个div存放图片。其次放5张图片进去。除第一张之外,都设display:none样式隐藏起来&amp;lt;div id=&quot;DivImg&quot;&amp;gt; &amp;lt;img src=&quot;../images/a1.jpg&原创 2018-11-25 21:31:24 · 649 阅读 · 1 评论 -
Day16-小功能系列:无缝滚动
Day16-小功能系列:无缝滚动。图片的连续滚动效果前端界面<div class="main"> <div class="width"> <div class="color red"></div> <div class="color blue"></d原创 2018-11-22 22:08:43 · 158 阅读 · 0 评论 -
Day15-小功能系列:分别使用伪类和JavaScript做盒子的显示与隐藏
Day15-小功能系列:分别使用伪类和JavaScript做盒子的显示与隐藏当鼠标移入时,则显示隐藏div。当鼠标移出时,则继续隐藏使用伪类1.HTML界面<div class="main"> 显示 <div class="display"></div></div>2.Css界面.main{ width:...原创 2018-11-21 23:29:09 · 200 阅读 · 0 评论 -
Day15-小功能系列:树状菜单
Day15-小功能系列:树状菜单树状菜单:点击标题,则隐藏/显示子元素。效果图: 1.前端界面使用<ul><li></li></ul>的方式布局。如下所示:<body> <ul> <li style="cursor:pointer" onclick="show('mem原创 2018-11-21 22:44:07 · 211 阅读 · 0 评论 -
Day14-小功能系列:全选效果
Day14-小功能系列:全选效果全选效果:选中全选复选框,则选中所有的复选框首先:先写前端界面创建一个checkbox为全选功能的复选框在创建多个其他复选框<body> <a><input type="checkbox" name="all" />全选/反选</a><br /><br />原创 2018-11-20 22:24:17 · 127 阅读 · 0 评论 -
Day2-Window对象
Day2-Window对象window对象的常用属性screen:有关客户端的屏幕和显示性能的信息。history:有关客户访问过的url的信息location:有关当前url的信息window对象的常用方法prompt:现实可提示用户输入的对话框例:prompt("你是大猪蹄子吗?","是的");效果:其输入框内容可通过声明变量接收。var tip = prompt(...原创 2018-11-08 13:33:53 · 569 阅读 · 0 评论 -
Day1-使用Html+css+JavaSrcipt制作简易计算器
Day1-使用Html+css+JavaSrcipt制作简易计算器第一步:需要制作前端界面使用表格和表单布局<div class="main"> <div class="math"> <table> <tr> <td><input id="num1&q原创 2018-11-07 22:16:46 · 489 阅读 · 0 评论 -
Day4-getElement获取页面元素
Day4-getElement获取页面元素getElementById()通过id获取页面标签<body> <div id="div"></div></body><script type="text/javascript"> document.getElementById("div");&a原创 2018-11-10 13:44:24 · 603 阅读 · 0 评论 -
Day4-关于window对象的常用属性补充
Day4-关于window对象的常用属性补充screen有关客户端的屏幕的显示性能的信息width:屏幕的宽度height:屏幕的高度availwidth:屏幕的可用宽度availheight:屏幕的可用高度pixeldepth:屏幕的颜色分辨率colordepth:屏幕的色彩深度window.onload = alert("高度:"+screen.width+"px"...原创 2018-11-10 12:38:35 · 156 阅读 · 0 评论 -
Day1-JavaScript 的基础练习
Day1-JavaScript 的基础练习***1.使用JavaScript在页面上打印10行8列的小圆点。&amp;amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;quot;&amp;amp;amp;gt; for(var i=0;i&amp;amp;amp;lt;10;i++){ for(var j=0;j&amp;a原创 2018-11-07 11:06:40 · 284 阅读 · 0 评论 -
Day24 - 小功能系列:验证码效果
Day24 - 小功能系列:验证码效果就是验证码。先写前端布局。HTML代码 <div> <input id="code" type="text"> <span id="codediv" title="点击我切换验证码" class="codediv"> &l原创 2018-12-01 22:13:36 · 193 阅读 · 0 评论