- 博客(8)
- 资源 (6)
- 收藏
- 关注
原创 JS实现时钟
先看一下最终的效果:http://www.gongx.top/xian/time.html不会做动图,就放到我个人网站上去了,大家可以去看一下。本来不想记录这个,但是老师的一个操作让我突然生出一个念头:我靠,还能这么操作?话不多说,开始分析一下。 结构如下: <!--最外层的div --> <div id="wrap"> <...
2018-08-31 13:58:00 7815 3
原创 查找高亮
思路:有一段文字,现在想找到查找到这段文字中的某个字符串,并且给这段文字所有匹配的字符串加上一个背景颜色,这个背景要首先设置好。通过split('查找的文字');将这段文字分割成数组,再通过join('<span>'+str+'</span>');将带样式查找的文字作为数组的分隔将数组连接成字符串。按照这个思路,功能就大体实现了,但是还有问题,就是查找一次后...
2018-08-27 12:08:58 184
原创 星级评价
说一下大体思路:第一步布局然后找到需要操作的元素,循环拿到所有的 li ,给每个 li 绑定一个index,然后处理鼠标移入事件,当鼠标移入的时候,循环 <li> 的index的值,因为这个值正好可以用在 aLi[this.index] 上开始的时候感觉点击事件和鼠标移入事件冲突,后来发现不是,是鼠标移出的时候把src又全部还原了。然后我又新定义了一个变量,记录...
2018-08-23 18:30:07 710
原创 参数的运用小案例
如图:类似功能利用函数传参可以很容易的实现,这里主要是记录思路,以便日后解决类似的问题第一步是布局,这个不用再说了。第二步:拿到父级 ul ,根据这个ul,拿到子级的 li ,如下将子的li的一个传到参数中,当做一个li,将这个li的功能实现之后,在分别给函数传参数就好了var oUl = document.getElementById('list');var aLi = o...
2018-08-23 15:27:33 544
原创 仿QQ下拉菜单
记录一个仿QQ下拉菜单的为什么这么重视这个呢?因为我感觉这个和一些网站后台的导航菜单非常像.第一步:先布局结构代码:<ul id="list"> <li> <h2>我的好友</h2> <ul> <li>斜杠青年</li> <
2018-08-22 17:46:31 809
原创 JS 实现图片切换的效果
首先看一下效果图,大体这样的,点击左边的按钮,切换图片。看上去挺简单,但是还是有几个难点的,所以就把这个案例挑出来好好的分析一下。第一步:布局<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片切换器</title>
2018-08-22 11:18:49 17207
原创 图片展示文字,网速不好加载不出css文件解决办法
首先来看一张淘宝官网的图片这个logo是图片,它的作用是点击跳转到一个页面既然这样,那就是写个a链接就能做到但是有网速不好的时候,如果网速的不好,css文件,js文件是加载不出来的,那这里怎么办下面介绍了两种方法,可以酌情使用<a href="http://www.taobao.com">淘宝网</a>a{ /*超链接三件套*/ text...
2018-08-12 17:29:13 677
原创 css中 margin塌陷的问题
现象:如下代码<div class="wrapper"> <div class="content"></div></div>.wrapper{ width: 200px; height: 200px; background: #aaa; margin-left:200px ; margin-top:200px ; }.c...
2018-08-11 18:49:48 542
Dreamweaver
2018-03-18
ITelephony.aidl NeighboringCellInfo.aidl
2018-03-18
卓大师.exe
2018-03-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人