- 博客(33)
- 收藏
- 关注
RSS订阅原创 jQuery 方法
获取内容text() 设置或返回所选的文本内容html() 设置或返回所选元素的内容val() 设置或返回表单字段的值获取属性值attr()方法用于获取属性值添加元素append() 在被选元素的结尾插入内容prepend() 在被选元素的开通插入内容affer() 在被选元素之后插入内容before() 在被选元素之前插入内容实例：效果：删除元素remove()方法 删除被选元素及...
2022-05-18 16:03:05
214
原创 jQuery 效果
隐藏/显示Show()方法，显示隐藏的匹配元素hide()方法，隐藏显示的匹配元素 语法：$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称实例：toggle()方法，您可以使用 toggle() 方法来切换 hid...
2022-05-08 15:35:54
164
1
原创 jQuery 一些方法
操作cssaddClass()方法 向被选元素添加一个或多个类 实例：removeClass()方法 从被选元素删除一个或多个类toggleClass()方法 对被选元素进行添加/删除类的切换操作Css()方法设置或返回被选元素的一个或多个样式属性。返回css属性，返回指定的 CSS 属性的值，请使用如下语法：css("propertyname");下面的例子将返回首个匹配元素的 background-color 值：...
2022-04-27 16:48:26
128
原创 jQuery一些效果
这次就讲show()、hide()、toggle()、slideDown()、slideUp()、slideToggle（） 方法先show()和hide(),这两个方法就是显示隐藏的匹配元素它们都有三种预定速度，字符串("slow","normal", or "fast")、表示动画时长的毫秒数值(如:1000)、什么都不写的无效果（直接隐藏），和切换效果 默认为：swing，可以参数‘linear’用法通常用按钮绑定点击事件，和鼠标移入移出来显示隐藏toggle(),用于绑定两个或多个事
2022-04-21 16:05:07
851
原创 jQuery动画 animate对象
animate用于创建自定义动画的函数。对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就 会从当前的值渐变到指定的值。animate(动画属性,[速率],[缓解],[在动画完成时执行的函数，每个元素执行一次。])现在用这个对象来制作一个小案例引入jQuery插件，写个div标签，button标签，设置id名然后设置动画效果了$(‘按钮标签’)..
2022-04-10 15:55:47
700
原创 JavaScript事件 鼠标事件
JavaScript事件，事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。 JavaScript 与 HTML 之间的交互是通过事件实现的。对于 Web 应用来说，有下面这些代 表性的事件：单击事件、鼠标移入移出事件、键盘按下/弹起事件等等。鼠标事件，就是用鼠标完成的交互动作，鼠标事件是 Web 开发中最常用的事件类型鼠标事件类型鼠标点击事件包括4个：click（单机）dblclick（双击）、mousedown（按下）和 mouseup（松开），其中click件类型比...
2022-03-29 15:29:06
3362
原创 JavaScript Math对象介绍和运用
Math对象用于执行数学任务，它里面封装了数学运算相关的属性和方法。 常用属性：Math.PI表示圆周率Math.ceil() 只要小数点后面有值都取1，除了0Math.floor() 无论小数点是什么，都会去掉Math.round() 可以对一个数进行四舍五入取整Math.random() 可以用运算符来执行 0-X的随机数 Math.random()*X...
2022-03-20 15:41:46
1045
原创 JavaScript定时器
间隔性定时器：setInterval()，可以将一个函数，每隔一段时间执行一次回调函数，该函数会每隔一段时间被调用一次，每次调用间隔的时间，单位是毫秒间隔定时器的写法关闭定时器：clearInterval()可以用来关闭一个定时器，方法中需要一个定时器的标 识作为参数，这样将关闭标识对应的定时器。延时定时器： setTimeout() 延时调用，延时调用一个函数不马上执行，而是隔一段时 间以后在执行，而且只会执行一次关闭定时器：clearTi...
2022-03-08 09:38:44
645
原创 js日期对象
打开visual studio coode软件，新建一个HTML文件和js文件 先写div标签，然后在div内写一个p标签，并添加id <div><p id="time"></p></div>然后在js文件内写页面加载时，然后再写一个函数，在函数内写日期对象window.onload = function(){function time(){//日期对象...
2022-02-23 10:58:00
436
原创 JavaScript留言板
新建一个html文件先写div将，做一个包裹住内容的容器，给它个类再写个文本域textarea，与一个发送留言的按钮button放个ul标签来放置留言信息，并给div包裹层的标签都给个id给它们写样式JavaScript：先获取包裹层内，文本域、按钮、无序列表里的li标签然后就是按钮点击事件设置一个函数，函数等于文本域的内容，还有楼层的自加还有无内容函数，与判断最后设置li标签内容...
2021-12-28 16:18:13
582
原创 操作页面事件
新建一个html文件先写div将做一个包裹住内容的容器然后再写一个div来包裹住操作台的元素，input、butto再写一个div来装可操作的块设置它的样式就是JavaScript的书写了先获取操作台的id然后获取按钮和操作区域的id获取完后，写事件，鼠标点击事件，onclick事件内写变量...
2021-12-16 16:11:40
708
原创 JavaScript计算器
新建一个html文件用input写好布局，并且给input一个id再用select来弄成加减乘除的下拉框样式JavaScript：先写window.onload = function();页面加载然后再获取按钮用parseint来获取文本框然后再获取下拉框的内容，再设置一个为零的变量判断下拉框的内容，然后再得出结果再设置结果的内容10.Javascript全代码：...
2021-12-08 09:39:25
517
原创 icon图标
先上网搜索iconfont阿里巴巴矢量图标库里下载，里面的图标都是免费的点进别人的组时，看到有自己想用的图标时，点击购物车当你觉得够了的时，打开右上角的购物车图标，点击添加至项目，然后设置名称，点击确定之后会跳转到个人主页，点击下载至本地，下载完后是一个压缩包，解压打开Visual Studio Code新建一个html文件引入icon font文件的css文件Unicode 引用，第一步拷贝项目下面生成的 @font-faceUnicode 引用，第
2021-11-28 09:24:58
1216
原创 Echarts
Echarts的介绍ECharts，缩写来自 Enterprise Charts，商业级数据图表，是百度的一个开源的数据可视化工具，一个纯 Javascript 的图表库，能够在 PC 端和移动设备上流畅运行，兼容当前绝大部分浏览器。Echarts的特点：丰富的可视化类型折线图，柱状图，饼状图，k线图，散点图……提供了上百种图形（只有你想不到，没有他做不到）特点：多种数据的支持Key-value数据支持 二维表TypedArray格式特点：流数据的支持超大的数据...
2021-11-17 08:35:30
1233
原创 bootstrap
下载好bootstrap插件，然后新建个文件夹，并放入bootstrap的插件建个HTML文件引入bootstrap文件，css和js。函数需要先引入jquery先是布局，有Container容器， .container它是个响应式布局。.container-fluid，是个固定宽度的容器，.containder容器可以被嵌套，使用.container-fluid类，可以使div宽度扩展到整个宽度栅格系统提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口尺寸的增加，系统
2021-11-08 09:36:43
352
原创 css过渡动画
新建HTML文件写一个div，并给div一个类在div内放图片或块级元素写个内部样式表给div写个宽高，要与图片宽高一致或比例一致将div设在页面中间，并设个定位将div里的图片或块级元素设绝对定位，并将它的宽高设成与div的一致给图片或块级元素写下transition-timing-function属性，添加其中一个过渡效果设置过渡花费的所需的时间（transition-duration），和角度（transform-origin）设置过渡触发效
2021-10-28 09:22:26
72
原创 点击导航栏选中效果
新建HTML文件，并引入JavaScript和css文件 在html文件内写一个div标签 在div（类：warp）标签内写下span标签，不能少于2个开始写样式，先将页面自带的内外边距设置为零 Div样式：Span样式:JavaScript先写页面加载时 先获取span标签For循环输出：...
2021-10-18 15:23:58
482
原创 JavaScript提示框
1.新建HTML文件2.写下button标签3.写下p标签4.button标签的css样式5.p标签的样式6.新建一个JavaScript文件，并引入到HTML文件内 <script>7.在JavaScript内写：function oncl（）{}8.然后如图所示：9.写一个判断10.给p标签一个id <p id=”scc”><\p>11.提示框后显示的文字内容12.鼠标点击动作...
2021-10-11 09:20:28
110
原创 javescript轮播的写法
1.新建一个HTML文件，并引入css、JavaScript文件 2.需要的标签如同所示： 3.图片组样式如图所示： 4.按钮组的样式: 5.数字按钮如图： 6.JaveSript的代码：先获取所需要的标签 7.将按钮的代码写入window.onload = function()内图1为点击事件.图2为动画效果为： 8.自动播放： 9.数字按钮 10.全局变量： ...
2021-09-27 16:42:56
70
原创 鼠标移入显示隐藏
1.新建一个HTML文件，并引入css、JavaScript文件2.在文件内放置一个div,设置类名为cont，并给些样式3.在div内放置button标签，将button（类名：btn）标签内容写成显示,并给些样式4.然后在下面放置table（id、类名：planTab）标签，并写入内容5.然后给table标签写些样式6.鼠标移入：在用封装函数在js文件内写入：function hoPlanTab（）7.先获取表格：var oTab = document. getE
2021-09-16 10:04:23
693
原创 HTML展开收起动画过渡
1.新建一个HTML文件，并引入css、JavaScript文件2.在body内创建div标签,并给它一个类名（cont）和一些样式,例如：3.然后在div（cont）标签内放入一个div标签（cont-table）,在div标签内写一些内容4.给div（cont-table）内的table标签写些样式5.然后在div（cont）内、div（cont-table）下方写入开关的代码还有样式,如图：6.收起部分内容，将内容的高度设置成“显示的内容部分”和过渡效果“tr.
2021-09-07 16:44:14
836
原创 HTML按钮的写法、样式
新建一个Html文件 在<head>里写入一个内部样式 <style> 第一方法在body写入<button>标签，该标签在HTML5中定义的是一个按钮的在<button>标签内写入文字或设置样式,不设置可能会到导致<button>在页面中显示不出来样式主要以尺寸、字体、背景 button{ width: 60px; height: 20px; font-size: 12px; text-decoration: underl...
2021-08-26 10:52:38
14225
原创 Axure 放大与缩小
打开Axure RP软件，在index中，拖出任意形状 拖出一个矩形3.在矩形的交互中使用鼠标单击时4.在交互用例中选中设置尺寸和设置选中，设置选中的值为ture5.在设置尺寸中勾选矩形6.配置动作中，将宽和高放大2倍7.锚点任意，动画设不设置都没问题，但设置动画看起来会舒服一点8.然后再设置一鼠标单击时，添加条件,矩形的选中状态为false9.然后设置尺寸为宽：300 高：20010单击预览查看有无问题...
2021-06-27 11:11:47
2451
原创 Axure 水平拖动
打开Axure RP软件，在index中，拖出一个中继器或任意形状 给中继器内添加需要的内容，中继器布局为水平，建议添加间距给中继器套个动态面板，并命名为“拖动“然后给“拖动”套个动态面板，命名为“表层”“表层”的尺寸，盖住“拖动”的内容在“表层”的交互选择拖动时在“表层”的拖动时添加动作中，选中移动，在移动中选中“拖动”然后配置动作的移动中改为水平拖动在界限添加两个边界，都设为左侧，一个（左侧>=[[biao.width-tuo.width/（表层的宽减去
2021-06-15 11:17:20
502
原创 Axure RP8 进度条
打开Axure RP软件，在page1中，拖出一个矩形 将矩形的形状设置成长条状，名字设为“框”再次放置一个矩形，并将宽设置为1px，高与“框”一样，命名为“条”将“条”与“框”选中，在对齐内，选择“左对齐和上下居中”，并把“条”的填充颜色设置成背景色以外的颜色托出文本标签，并与“框”，上下居中和左右居中，命名为“数字”选中“条”，在交互中找到载入中时，设置尺寸，选中“条”在宽中，点击fx图案，添加局部变量，元件选项，值选择“框”插入变量选择{wi...
2021-06-07 20:08:59
780
原创 Axure RP8 图片手风琴
注意看红色框，共有10个步骤，按顺序操作下去1.打开Axure RP软件，在page1中，拖入动态面板（命名为“A1“）；其它为“A2、A3、A4”2.在动态面板状态1内拖入图片，在图片上层放置与图片同尺寸的矩形，颜色设置为灰色（#D7D7D7）透明度为25%3.在A1交互用例中选择鼠标“鼠标单击时”添加条件，选中“值”在变量内输入 [[LVAR1.width]]，(”LAVr1“为局部变量)，[[LVAR1.width]] > 500 (条件为：图片1的宽小于500).
2021-05-26 15:59:46
219
原创 Axure RP8 幻灯片
注意看红色框，共有5个步骤，按顺序操作下去1.打开Axure RP软件，在page1中，拖入一个动态面板（命名为“幻灯片“）；双击“图片轮播区“动态面板，添加4中状态，点击加号添加并命名（1、2、3、4~）分别为 图片1，图片2，图片3，图片42.单击“编辑全部状态”，进入“图片1”工作区中，拖入“图片部件”，双击导入一张图片。放在坐标 0 0 位置处。（同理，分别进入“图片2”“图片3”“图片4”导入不同的图片3.然后返回page1点击动态面板在交互选择鼠标单击时，在添...
2021-05-17 19:22:41
320
原创 Axure RP8 等比例放大
Axure RP8 等比例放大~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： 动态面板作者：钟楚渝撰写时间：2021/5/4注意看红色框，共有4个步骤，按顺序操作下去1.拖出一个动态面板（命名“图”），双击打开面板状态，打开全部状态，在动态面板内设置背景图片并设置为上下居中、左右居中、填充，不可勾选自动调整为内容尺寸2.在首页放置2个..
2021-05-08 16:25:21
2295
原创 Axure RP8 显示与隐藏
打开Axure RP软件，在page1中，拖入一个以上的图片，然后设置一个大尺寸的图片，选择大尺寸的图片在右上角勾选隐藏2.然后在小图片的交互动作选择鼠标点击时，找到显示，在显示中选择大尺寸图片可见性选择显示 ，动画任意选择，勾选置于顶层3.将大尺寸的图片重叠并编一个组合，小图片也一样编个组合4.在大尺寸图片交互动作中选择鼠标单击时，选择隐藏，动画与显示的相反5.点击预览查看有没有出现问题...
2021-05-07 09:29:16
595
原创 Axure RP8 幻灯片
文献种类：专题技术总结文献开发工具与关键技术： 动态面板 作者：钟楚渝 ；年级：20实验二班 ；撰写时间：2021 年 4 月 30日文献编号： 归档时间： 年 月 日 Axure RP8 幻灯片~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...
2021-05-07 08:29:11
204
原创 Ai工具介绍及使用方法
开发工具与关键技术： 作者：钟楚渝 ；年级：2025；撰写时间：2021 年 4 月 1日文献编号： 归档时间： 年 月 日 Ai工具介绍及使用方法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：作者：钟楚渝...
2021-04-28 17:16:22
11290
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人