- 博客(31)
- 收藏
- 关注
RSS订阅
原创 jQuery突出显示案例
1.首先在body里面用ulli标签来放置图片.并给div标签设置类2.接着设置css的样式3.接着引入jQuery文件.4.写页面加载事件.通过类选择器下面的ul标签获取所有的li标签，添加鼠标进入事件并设置当前li标签的透明度5.写鼠标离开事件6.所有代码如下：...
2022-04-27 21:09:28
1505
原创 jquery 九宫格抽奖
1.在body创建div标签并给予类2.用script标签引入文件3.用style标签写CSS的样式4.用script标签写JS样式5.预览效果如下：
2022-06-06 19:40:54
445
原创 jquery倒计时
先用script标签引入文件2.再用label和input标签写样式3.写button标签写鼠标点击事件4.初始预览效果：5.最后用script标签写js代码
2022-05-26 15:05:35
83
原创 jQuery空白点击出字
插入jQuery文件先建立一个style标签来设置span的绝对单位，不让用户选中，字体大小3.定义两个数组，一个是为弹出字体的内容，一个为弹出字体的颜色4.给document注册点击事件5.源代码...
2022-05-17 08:05:06
229
原创 jQuery点击隐藏案例
1.先在body 标签里面放置div，div里面用img标签放置图片.2.建立一个style标签写css的样式.div的宽高和边框以及左浮动.img的宽高.3.用script标签来引入jQuery文件4.最后写页面加载事件.这里hide是隐藏的意思.300毫秒.预览结果如下:5.整体代码如下:...
2022-05-07 10:56:57
337
原创 jQuery介绍
1.什么是jQuery?2.jQuery的优点3.jQuery的使用方式4.案例：点击按钮显示div的宽和高及背景颜色5.jQuery对象6.jQuery选择器
2022-04-17 10:51:51
816
原创 表单验证.
给body设置背景颜色2.body标签里面给一个div写样式3.给它的类设置样式4.var声明变量获取它的ID5.初始预览状态6.最后设置注册失去焦点事件
2022-04-06 16:34:09
191
原创 JavaScript电灯开关
1.先给body标签一个ID.2.在设置一个button标签给它设置ID.3.设置一个script标签.用var 声明变量，并获取它的ID.4.最后设置点击事件就可以了.
2022-03-27 20:44:16
988
原创 js中Math对象的使用
1.关于Math对象的常用方法2.例子如下：3.浏览器控制台打印如下4.随机产生一个十六进制的颜色值.5.先建立一个div盒子和style标签写它的样式6.建立一个script标签7.最后写页面加载事件就好了....
2022-03-17 20:30:10
119
1
原创 “网页换肤”.
1.在body标签里面给它一个div存放另外6个div并设置类.2.再给一个style标签存放CSS样式.3.再给每个类设置颜色.4.在写一个script标签写JS样式.5.声明变量名var并用它的ID来获取元素6.接着通过onclick设置鼠标点击事件来执行.7.最后预览即可....
2022-03-08 15:33:01
111
原创 手风琴菜单.
1.新建一个HTML设置一个style标签和div标签.2.设置内外边距为0.3.给div一个类.再在里面设置其它内容。4.接着在复制几个和它一样的.初始预览效果如下.5.接着设置它的宽和外边距、文字居中效果和背景颜色.预览效果：6.设置ul标签去除小圆点和宽高、底部边框颜色和溢出的设置为隐藏。设置li标签的行高。7. 为item添加hover伪类。8. 设置过渡效果的耗时和颜色.9.设置h3标签的字体颜色.10.最后预览...
2021-11-17 08:18:17
193
原创 旋转轴心.
1.新建一个HTML在<body>标签给一个div标签设置类.2.接着在div里面放置图片.3.设置给的类的宽和高.4.再设置它的外边距和它的相对定位.5.设置它的宽高为百分百和它的绝对定位、添加过渡。6.接着添加鼠标移入效果.7.可以再给背景加个颜色.最后点击实时预览就可以了....
2021-11-07 08:32:09
76
原创 变形和动画.
1.新建一个HTML在<body>标签给一个div标签设置类.2.设置一个<style>标签.3.设置它的宽高和背景颜色.4.加一个圆角效果.5.再给“box”设置hover类.6.再设置它的外边距和背景颜色.7.当鼠标移入盒子中初始预览效果.8.接着给它设置所有的过度属性及过度时间就可以了....
2021-10-28 08:19:52
82
原创 自动轮播.
1.新建一个HTML文档在<body>标签设置div标签在给它设置类.2.在<style>标签中设置类的属性.3.设置图片的大小和浮动.4.设置当元素的内容溢出其区域时发生的类.5.初始预览状态.6.接着设置动画播放的帧数.7.接着设置自动播放次数无限.8.最后一步点击保存实时预览自动轮播就可以了....
2021-10-18 08:26:59
391
原创 动画属性.
1.新建一个HTML文档给它一个<style>标签.2.在body标签里给它一个<div>标签.3.设置它的宽高和颜色.4.接着设置它的内边距，颜色和百分比.5.设置一个百分比为25%.6.再设置一个百分比为50%和改变它的旋转方向.7.设置动画的播放次数为无限.8.再设置一个百分比100%.9.最后点击实时预览就可以了....
2021-10-11 09:13:56
50
原创 动漫属性.
1.新建一个HTML文档在<body>标签里给它一个<div>标签.2.接着再给它一个<style>标签.3.接着再在它的<style>标签里的<div>里给它设置宽高分别220px和背景颜色.4.初始预览效果.5.然后再分别给它设置它的颜色值.6.再给它设置鼠标移入时 动漫效果播放的时间.7.再给它设置动漫播放的次数为无限次.8.再设置规定动漫何时开始的延迟时间.9....
2021-09-24 10:12:38
81
原创 制作简易Tab选项卡
1.在DW中新建一个HTML文档写它的代码.2.给它们一个ulli标签.标签里在给它a标签.3.还是在给它一个<ulli>标签.4.在给它最后一个<ulli>标签5.新建一个css文档写他的样式.6.接着在给它一个script标签.7.接着初始预览效果是这样的.8.在建一个JavaScript文档.9.接着点击预览即可....
2021-09-16 09:40:37
193
原创 在DW中使用动漫过度属性
1.进入DW中在导航栏找到“新建”快捷键(Ctrl+N)。2.新建一个HTML文档。3.接着在body标签里放一个style标签。4.再在style标签里给个div标签.分别给它设置高度和宽度还有背景颜色。5.接着再在body标签中给个div标签。6.在body标签中的div标签给个id。7.接着在给div加一个伪类。8.点击预览初始效果，当鼠标移入图标就会把原先的大小变大。9.接着再给它设置一个过度的属性就完成了。10.点击预览即
2021-09-08 08:03:07
349
原创 认识HTML
首先点击打开DW软件.进入之后在文件里面新建一个HTML文档.也可以直接使用快捷键（Ctrl+N）3.什么是HTML?HMTL是超文本标记语言.“超文本”指页面内可以包含图片，链接，甚至音乐。程序等非文字元素.超文本标记语言结构包括“头”部分（英文：Head） 和“主体”部分（英文：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。4.HTML标题.标题（Heading）是通过 <h1> - <h6> 等标签进行定义的. <
2021-08-25 11:25:48
47
原创 Axure如何用动态面板做“病毒”
1.点击打开Axure2.拖出动态面板.在元件库找到“太阳”（颜色为绿）如下：3.接着给动态面板设置拖动时的交互事件.如下：4.然后还是在元件库找到“笑脸”和“难过”如下：5.接着在“难过”下面拖个矩形写上“啊.我中病毒了”给它设置选中字体颜色为“红”6.然后在再拖个椭圆设置和难过一样的大小（颜色为红）接着给他们3个遍个组.然后隐藏.如下：7.接着回到动态面板给他设置拖动结束时的交互事件.先设立条件8.在移动的x与y都添加局部变量
2021-06-27 15:46:28
58
原创 如何使用动态面板做幻灯片
点击打开Axure. 拖动一个动态面板.在状态1写上幻灯片即将开始， 接着状态2写上倒计时.后面状态3.4.5分别写上倒计时3.2.1。 接着其他状态放置图片数量不限.如下： 5然后在动态面板上设置鼠标点击时交互事件.6接着是设置交互事件case27.态面板上设置状态改变时的交互事件8.接着在开始的按钮上给鼠标设置点击的交互事件9.最后一步在停止的按钮上设置点击时交互事件就好了.如下：10打开预览观看效果...
2021-06-16 09:23:33
68
原创 Axure如何做轮播
点击打开Axure. 然后拖出动态面板.3接着在里面放置图片.可以多复制多几个数量不限.4然后再元件库里面找到两个左右箭头.编个组.分别给左右箭头设置交互事件如下：5再拖动6个椭圆分别宽高都是166.编个组，设置选中效果“填充颜色”7.接着再给两个左右箭头隐藏.8.再给动态面板设置移入时显示左右箭头.移出时则隐藏的交互事件.如下：9接着再给刚刚的六个椭圆在动态面板上设置状态改变时交互事件.如下:10.最后一步给动态面板设置载入时交互..
2021-06-08 15:20:38
217
原创 形状模式与路径查找器
1. 按Alt键执行布尔运算将保留可再次编辑性.2. 联级.描摹所有对象的轮廓，就像它们是单独的、已合并的对象一样。此选项产生的结果形状会采用顶层对象的上色属性。3. 减去顶层.从最后面的对象中减去最前面的对象。应用此命令，可以通过调整顺序来删除某些区域3. 交集.取对象重叠的区域。4. 差集.取对象所有未被重叠的区域，并使重叠区域透明。若有偶数个对象重叠，则重叠处会变成透明。而有奇数个对象重叠时，重叠的地方则会填充颜色。5. 相减.减去后方对象从最前面的对象..
2021-05-27 08:08:50
328
原创 PS如何使用裁切工具
裁切工具点击打开PS.找到第5个“裁切”工具.快捷键是“C”锁定裁切比例：按住Shift拖拽裁切框锁定裁切正方形：按住Shift画裁切框根据选区裁切：建立选区切换为裁切工具2. 透视裁切工具注意：文档包含文字图层时工具不可用拉直：拖拽将拉直方向变为水平删除裁剪区域：取消勾选，裁剪后的像素并没有损失，可以继续修改3. 画布大小.图像菜单-画布大小（Ctrl+Alt+C）。画布大小作用相当于裁切命令，图像大小更改的是图像像素的多少相对值，调整的是增加与缩小的
2021-05-18 09:32:57
1305
原创 PS的文字处理工具
创建文字两种类型：点式文字（单击）；段落文字（拖拽框选）只在框选范围内显示。 文字调节窗口：窗口菜单-字符与段落 文字完成输入：Ctrl+回车/小键盘回车键文字蒙版工具： 用于文字快速建立文字选区路径文字：起始点是一个小叉，结束点是一个小圆圈（跟钢笔路径状态差不多）5. 控制起始点光标状态 ，控制结束点光标状态 ，6. 更换文字颜色：属性窗口；选项栏更换；选中文字图层Alt+Delete用前景色填充。7. 文字转形状，创建工作路径： 文字工具邮件文字；文字图层右键8. 激活文字
2021-05-08 17:04:43
213
原创 设置图片
1.点击打开Axure在元件库找到手机.2.接着运用矩形与自己喜欢的图片先做一个模型. 如下3.然后把每个功能设置复制到每个对应的小图上面 如下4.这样子一个设置图片效果就好了.
2021-05-08 16:46:15
369
原创 如何使用万能的钢笔抠图
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： MVC作者：黄菁文撰写时间：2021/4/28注意看红色圈圈，共有10个步骤，按顺序操作下去点击打开ps，导入素材选择打开或新建自己想要的尺寸2. 接着点击左侧工具栏的第“16”个钢笔工具，使用钢笔工具抠出需要的区域 3. 按住Alt点击弧度，连接描点4. 快捷键：P。后退：...
2021-04-28 19:19:55
351
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人