- 博客(11)
- 收藏
- 关注
RSS订阅原创 jQuery animate()
必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。下面的例子演示 animate() 方法的简单应用；它把 <div> 元素移动到左边，直到 left 属性等于 250 像素为止：默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS posit.
2022-04-28 10:08:51
1177
原创 if判断计算器
今天来讲一个简单的JS小案例，用if判断写一个简单的计算器。如下图：第一步，先创建一个HTML文件，在body标签下写下以下内容。（特别注意，要分清楚id和vlaue）如下图：（友情提醒，如果有看不懂计算按钮上的add()的小伙伴，可以先看一下有关JS函数的教程哦，在这里就不多讲了）第二步，为你写的HTML添加一些简单的CSS样式。如下图：...
2022-03-27 19:13:40
206
原创 JavaScript
1.变量是什么2.变量是用于存放数据的容器，我们通过变量名获取数据，甚至修改数据给变量取个名3.变量名字可以任意取，只不过取名字要遵循一些规则:1必须以字母、下划线或美元符号($)开头，后面可以跟字母、下划线、美元符号和数字。 例如：mysum _mychar,$numa198 2变量名区分大小写，如:A与a是两个不同变量。3不允许使用JavaScript关键字和保留字做变量名。4标识符一般都是采用驼峰命名法（规范但不强制）首字母小写，每个单词的开头字母大写，其余字母小...
2022-03-08 14:56:00
582
原创 CSS 分类 (Classification)
创建水平菜单使用具有一栏超链接的浮动来创建水平菜单。把下面图片中的代码打出来在上面的例子中，我们把 ul 元素和 a 元素浮向左浮动。li 元素显示为行内元素（元素前后没有换行）。这样就可以使列表排列成一行。ul 元素的宽度是 100%，列表中的每个超链接的宽度是 7em（当前字体尺寸的 7 倍）。我们添加了颜色和边框，以使其更漂亮。效果图如下改变光标本例演示如何改变光标。把下面图片中的代码打出来效果太多，我就不放了。...
2021-11-17 11:02:28
61
原创 CSS 列表实例
1.在无序列表中的不同类型的列表标记本例演示在CSS中不同类型的列表项标记。2.把下面图片中的代码打出来效果图如下1.在有序列表中不同类型的列表项标记本例演示在CSS中不同类型的列表项标记。2.把下面图片中的代码打出来效果图如下...
2021-11-08 10:50:08
109
原创 CSS 定位 (Positioning)
1.本例演示如何相对于一个元素的正常位置来对其定位。2.把下面图片中的代码打出来相对定位会按照元素的原始位置对该元素进行移动比如，样式 "left:-20px" 从元素的原始左侧位置减去 20 像素，样式 "left:20px" 向元素的原始左侧位置增加 20 像素。效果图如下3.本例演示如何使用绝对值来对元素进行定位。4.把下面图片中的代码打出来通过绝对定位，元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px，距...
2021-10-28 11:04:52
62
原创 CSS 文本
CSS 文本属性可定义文本的外观。通过文本属性，您可以改变文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进，等等。本例演示如何对齐文本。把上面图片中的代码打出来。效果图如下。本例演示如何向文本添加修饰。把上面图片中的代码打出来。效果图如下。本例演示如何缩进文本首行。把上面图片中的代码打出来。效果图如下。...
2021-10-18 09:18:12
31
原创 CSS伪元素
本例演示如何向文本的首字母添加特效。 把上面图片中的代码打出来。 效果图如下。本例演示如何向文本的首行添加特效。把上面图片中的代码打出来。 效果图如下。同行的颜色一样，不同行的颜色不一样。...
2021-10-11 08:16:13
20
原创 CSS伪类
1.本例演示如何向文档中的超链接添加不同的颜色。把上面图片中的代码打出来。然后把鼠标移入，就可以得到下面图片中的效果。2.本例演示如何向超链接添加其他样式。把上面图片中的代码打出来。下面这张图片是页面刚打开的效果然后是鼠标移入这些链接的效果。...
2021-09-27 10:14:23
32
原创 图片轮播效果
轮播~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure RP 8作者：撰写时间：2021/6/15注意看红色箭头，共有20个步骤，按顺序操作下去1、在元件库拉出图片，换上自己喜欢的图片。2、右键点击图片，转换为动态...
2021-06-17 10:09:53
217
原创 接触放大
接触放大~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure作者：袁羽俊撰写时间：2021/6/81.打开Axure2.先随便拉一个元件3.在拉两个不同的元件，把两个元件重叠在一起4.然后把重叠在一起的两个元件其中一个隐藏5.点击矩形装换为动态面板6.点击设置交互动作...
2021-06-09 15:15:19
57
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人