- 博客(12)
- 收藏
- 关注
RSS订阅原创 Javascript点击显示和隐藏
这次来分享一个用javascript实现的一个点击图片显示。1.开始依旧是先把HTML框架敲打出来，一个div包含两个小按钮b标签，另一个div放一个img标签。2.把两个按钮的样式敲出来和img样式。3.获取两个按钮和图片的id。4.然后给两个按钮设置点击事件，再添加一个显示和隐藏属性。5.下面是整体代码和展示效果。上面就是我所学到的javascript部分小知识，新手上路，多多指教，如果有更好的方法或不 懂得地方欢迎在评论区教导和提问喔！...
2022-05-29 17:01:48
5618
原创 Jquery实现列表目录效果
这次来分享一个用jquery实现的一个类似于简单图文介绍的列表目录。先设置一个开头标题heml代码，再添加一下它的css样式。2.记住，写完上面的代码到js框架这个地方我们需要用到jquery插件，所以一定要先引入，否则后面打代码打着打着就忘记了。3.这里我们创造一个方法，这个方法里面我们把一个列表的图片，标题和序号还有简介都封装在里面。（这里你想封装多少个都可以，我里面是封装了十一个的）4.然后把那个方法名在下面这里，写一个for函数循环创造，在函数里面写一.
2022-05-18 15:52:08
1102
原创 css动画效果轮播图片
这次来分享一个css的图片轮播效果，内容涉足到也差不多是css动画效果。开始还是依旧把框架敲打出来，一个外盒div里面放五个a标签和一个放图片的内盒div，外盒div设置一个id和五个a标签也是，内盒div也是要设置一个id，这些id都是待会打效果样式方便选择。2.先给外盒设置一下样式和盒子的框架。3.然后再到内盒div也要设置一下。4.再就是开始设置内盒div图片的移动效果。5.这里还要给五个小按钮设置样式，样式挺多注意一下不要看乱哈。
2022-05-08 16:33:52
1385
原创 Css动画效果旋转图片
这次给大家讲解一个有趣的css动画效果哈，那就是旋转图片成一朵花型。第一步依旧是把img标签敲出来然后把图片放上去。2.然后开始敲打css样式和效果，先给个class设置一下样式加个定位，因为动画效果需要个定 位才能有效果显示出来。 3.然后也把图片的样式设置一下。 4.最后开始设置图片的动画效果哈，分别把六张图片的位移位置敲打出来，因为我这里是设置 六张，所有刚刚好360°一圈。...
2022-04-17 10:48:57
6971
原创 JavaScript图片跟随鼠标移动
这次带来的是最近新学了一个坐标知识，利用onmousemove事件加坐标可以完成一个小案列。1.把小猫咪图片放到img标签里面。2.因为这关于是移动的，所以要给个定位跟随事件移动。（上面那个背景颜色可以不用管，我就单纯看见一片白色有点耀眼，所以换一个颜色）3.看到这里，是可以看到我们没有给img标签设置到id，我们就不用这么麻烦设置id获取了，直接利用querySelector方法获取指定标签就行。4.下面就是给img绑定鼠标移动事件，声明和获取到水平坐标...
2022-04-07 10:31:36
2281
原创 JavaScript点击背景图片切换
本文献这次讲的是JavaScript背景图片切换，这次案列会用一个事件委派属性。1.首先可以先给主页界面放一张图片，让打开网页就显示到一张图片出来，这里我放的是下面第三张图片。2.然后把html的div图片框架打出来，一个div标签里面包裹了四个img标签，给div一个id，下面获取id的时候需要。3.再给四个img标签打一下样式，能把效果显示的好看一点。4.开始获取前面的id，先写一个window.onload页面加载事件，然后里面获取一下...
2022-03-28 09:05:58
5447
6
原创 JavaScript的数据类型
JavaScript的数据类型，一共有七种数据类型。分别是：String字符串类型 Number 数值类型 Boolean 布尔值类型 Null 空值 Undefined 未定义值 Symbol Object 对象其中(1)到(6)种属于基本数据类型，Object属于引用数据类型。其中Symbol是ES6+里面的内容暂时还没有学习到。1.String字符串类型，在JS中字符串需要使用引号引起来，使用单引号和双引号都可以，但是最好不要混用，注意引号的嵌套问题。.
2022-03-16 09:08:50
173
原创 定时器的运用
共有10个内容，可能操作顺序不一样。定时器又可以分两个，一个是setInterval（间隔定时器），一个是setTimeout（延时定时器），这次我们主要讲间隔定时器。首先我们还是要养成好习惯，先创建一个属于这个案列的专属文件夹，然后取名为该案列名字，里面再创建属于各个的存放该代码的文件夹。2.开始在vs软件操作代码，首先要把HTML框架敲打出来。给它设置一个类class里面设置三个span标签表示时间三个数数字显示，下面设置一个类class负责包裹三个button按...
2022-03-13 08:52:55
402
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人