- 博客(25)
- 资源 (1)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 jQuery custom scrollbarjQuery自定义滚动条
可以去GitHub上找对应的文件下载，下载完custom scrollbar 的压缩包里面只要导入下面两个划线的css文件和js文件就可以用了。要注意的是要先导入jQuery custom scrollbar的css文件，再导入我们自己的css文件，js文件也是一样，先导入jQuery的js再导入jQuery custom scrollbar 的js文件，最后才是我们自己写的js文件<...
2020-01-30 08:52:20
527
原创 jQuery实现点击弹出窗口，点击外部关闭功能
效果//删除功能 $('body').delegate('.info_head_icon', 'click', function () { let $rem = $(`<ul class="icon_click"> <li class="remove"> &n...
2020-01-28 16:03:19
1693
原创 jQuery实现点赞功能及再次点击取消功能
效果：实现代码//点赞功能（因为点赞模块是动态创建的所以要用到事件委托） $('body').delegate('.click_praise', 'click', function () { $(this).parent().html('1').css({color: 'red'}).prepend('<em class="click_prais...
2020-01-28 11:42:34
2589
2
原创 微博发布功能完善版
要求：正常输入，发布按钮变亮，点击可以正常发布，如果输入空格，按钮不亮，点击无任何反应，若空格后面有有效字符，按钮功能恢复正常，前面的空格不被显示。效果展示：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>新浪微博&...
2020-01-28 08:27:47
457
原创 js检测开头输入空格
const str = JSON.stringify(arr);//将 JavaScript 值转换为 JSON 字符串,可以转函数或数组 $(function () { $('input').bind('input',function () { let $val = $(this).val(); let arr = []; ...
2020-01-27 10:39:45
667
原创 jQuery仿制简易微博
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>新浪微博</title> <link href="../../../img/weibo4.ico" rel="icon"> <script...
2020-01-26 19:08:04
573
原创 css改变hr的颜色，长度，宽度
hr本身具有border：1px，要该改变它的颜色，要先把它的border变为none，然后设置1px的高度，再设置background: #90EE90;，设置color不生效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hr...
2020-01-26 18:16:34
16654
原创 jQuery两种方法实现图片循环和鼠标移入移除样式改变
用到的方法：mouseenter 和 mouseleave 鼠标移入和移出，另一种方法是添加一个hover事件，该事件中规定传两个方法，分别对应mouseenter和mouseleave，两种方法都可实现，fadeTo：褪色，ul的背景颜色最好是黑色，否则褪色后颜色怪异，或者用css的滤镜添加一个亮度contrast(50%)样式，均可实现<!DOCTYPE html><ht...
2020-01-26 09:14:23
887
原创 jQuery实现图标动画效果
需要注意的就是animate有三个参数，第三个是回调函数，在动画执行完毕后执行，链式的animate先执行前面的，再执行下一个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>icon</title> <l...
2020-01-25 20:06:18
545
原创 jQuery实现折叠菜单
实现效果主要用到的两个方法就是 slideDown 及slideUp ，其实换做slideToggle效果也不错<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>折叠</title> <link rel="...
2020-01-25 17:10:10
1041
原创 jQuery实现对联式广告
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>advertising</title> <link rel="icon" href="../../../img/sup.ico" type="img/x-ic...
2020-01-25 15:07:01
488
原创 jQuery实现Tab选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="icon" href="../../../img/sup.ico" type="image/x-ioc"/&...
2020-01-25 10:52:46
1914
原创 浏览器title左侧图标设置方法
在head中引入下列标签即可，href设置自己的ico格式图片的地址，ico格式图标可以去：https://www.easyicon.net/ 上下载，只需要简单的注册即可，现在是不需要付费，网站很方便<link rel="icon" href="../../../img/sup.ico" type="image/x-ioc" />做完就是这样，只要一行代码即可...
2020-01-25 08:57:06
1144
原创 面向对象写贪吃蛇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>贪吃蛇</title> <link rel="stylesheet" href="../css/style.css"></head>&l...
2020-01-21 15:05:18
280
原创 JQuery动态dry获取元素并设置对象样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../jquery-3.4.1.min.js"></script> &l...
2020-01-18 08:46:29
286
原创 jQuery实现植物大战僵尸完整版
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../jquery-3.4.1.min.js"></script> <l...
2020-01-17 19:14:14
990
原创 jQuery,js实现轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="../../../jquery-3.4.1.min.js"></script> <styl...
2020-01-17 10:36:56
276
原创 仿移动端京东商城
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>shop</title> <link rel="stylesheet" href="../css/小商城.css"> <script sr...
2020-01-17 10:29:04
1102
原创 jQuery-植物大战僵尸飞行版
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../jquery-3.4.1.min.js"></script> <l...
2020-01-17 10:13:17
506
原创 jQuery-randomColor插件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>randomColor</title> <script src="../../../jquery-3.4.1.min.js"></script&g...
2020-01-11 18:43:03
397
原创 JS实现div拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title> <style type="text/css"> #div{ position: absol...
2020-01-10 18:16:23
386
原创 jQuery和js实现全选框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../../jquery-3.4.1.min.js"></script><...
2020-01-10 16:40:44
155
javascript创建一个数组和创建一个对象哪个开销大
2022-09-17
mongodb如何在获取值的同时获取对应的类型
2021-11-16
博客文章的评论功能 数据库里应该怎么存
2021-09-02
html css怎么实现这种弧度效果
2021-08-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人