自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 仿移动端京东商城

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>shop</title> ...

2020-01-17 10:29:04

阅读数 173

评论数 0

原创 jQuery,js实现类似飞机坦克大战-植物大战僵尸射击版

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2020-01-17 10:13:17

阅读数 117

评论数 0

原创 与痘痘达成和平共处五项原则

1,不熬夜 2,不吃油腻 3,不吃辣 4,多吃蔬菜,多锻炼 5,注意个人卫生

2020-01-31 13:29:12

阅读数 199

评论数 0

原创 jQuery custom scrollbarjQuery自定义滚动条

可以去GitHub上找对应的文件下载,下载完custom scrollbar 的压缩包里面只要导入下面两个划线的css文件和js文件就可以用了。 要注意的是要先导入jQuery custom scrollbar的css文件,再导入我们自己的css文件,js文件也是一样,先导入jQuery的js再导...

2020-01-30 08:52:20

阅读数 125

评论数 0

原创 jQuery实现点击弹出窗口,点击外部关闭功能

效果 //删除功能 $('body').delegate('.info_head_icon', 'click', function () { let $rem = $(`<ul class=...

2020-01-28 16:03:19

阅读数 146

评论数 0

原创 jQuery实现点赞功能及再次点击取消功能

效果: 实现代码 //点赞功能(因为点赞模块是动态创建的所以要用到事件委托) $('body').delegate('.click_praise', 'click', function () { ...

2020-01-28 11:42:34

阅读数 146

评论数 0

原创 微博发布功能完善版

要求:正常输入,发布按钮变亮,点击可以正常发布,如果输入空格,按钮不亮,点击无任何反应,若空格后面有有效字符,按钮功能恢复正常,前面的空格不被显示。 效果展示: 代码如下: <!DOCTYPE html> <html lang="en"> <hea...

2020-01-28 08:27:47

阅读数 139

评论数 0

原创 js检测开头输入空格

const str = JSON.stringify(arr);//将 JavaScript 值转换为 JSON 字符串,可以转函数或数组 $(function () { $('input').bind('input',function (...

2020-01-27 10:39:45

阅读数 169

评论数 0

原创 jQuery仿制简易微博

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>新浪微博</title> ...

2020-01-26 19:08:04

阅读数 318

评论数 0

原创 css改变hr的颜色,长度,宽度

hr本身具有border:1px,要该改变它的颜色,要先把它的border变为none,然后设置1px的高度,再设置background: #90EE90;,设置color不生效 <!DOCTYPE html> <html lang="en"> <...

2020-01-26 18:16:34

阅读数 355

评论数 0

原创 jQuery两种方法实现图片循环和鼠标移入移除样式改变

用到的方法:mouseenter 和 mouseleave 鼠标移入和移出,另一种方法是添加一个hover事件,该事件中规定传两个方法,分别对应mouseenter和mouseleave,两种方法都可实现,fadeTo:褪色,ul的背景颜色最好是黑色,否则褪色后颜色怪异,或者用css的滤镜添加一个...

2020-01-26 09:14:23

阅读数 190

评论数 0

原创 jQuery实现图标动画效果

需要注意的就是animate有三个参数,第三个是回调函数,在动画执行完毕后执行,链式的animate先执行前面的,再执行下一个 <!DOCTYPE html> <html lang="en"> <head> <meta char...

2020-01-25 20:06:18

阅读数 165

评论数 0

原创 jQuery实现折叠菜单

实现效果主要用到的两个方法就是 slideDown 及slideUp ,其实换做slideToggle效果也不错 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu...

2020-01-25 17:10:10

阅读数 106

评论数 0

原创 jQuery实现对联式广告

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>advertising</title...

2020-01-25 15:07:01

阅读数 296

评论数 0

原创 jQuery实现Tab选项卡

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2020-01-25 10:52:46

阅读数 1560

评论数 0

原创 浏览器title左侧图标设置方法

在head中引入下列标签即可,href设置自己的ico格式图片的地址,ico格式图标可以去:https://www.easyicon.net/ 上下载,只需要简单的注册即可,现在是不需要付费,网站很方便 <link rel="icon" href="../../...

2020-01-25 08:57:06

阅读数 330

评论数 0

原创 jQuery-Mustache模板引擎

2020-01-22 15:00:03

阅读数 87

评论数 0

原创 面向对象写贪吃蛇

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>贪吃蛇</title> ...

2020-01-21 15:05:18

阅读数 97

评论数 0

原创 匿名函数

2020-01-20 18:23:12

阅读数 96

评论数 0

原创 JQuery动态dry获取元素并设置对象样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2020-01-18 08:46:29

阅读数 98

评论数 0

原创 jQuery实现植物大战僵尸完整版

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2020-01-17 19:14:14

阅读数 140

评论数 0

原创 jQuery,js实现轮播图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <s...

2020-01-17 10:36:56

阅读数 102

评论数 0

原创 jQuery-randomColor插件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>randomColor</title...

2020-01-11 18:43:03

阅读数 98

评论数 0

原创 JS实现div拖拽

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽</title> ...

2020-01-10 18:16:23

阅读数 80

评论数 0

原创 jQuery和js实现全选框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2020-01-10 16:40:44

阅读数 72

评论数 0

提示
确定要删除当前文章?
取消 删除