strongerPian - 博客园

2020年7月12日

摘要： [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. 阅读全文

posted @ 2020-07-12 17:54 strongerPian 阅读(448) 评论(0) 推荐(0)

2020年6月13日

JQuery轮播图

摘要：代码: 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title></title> 7 8 <style type="text/css"> 9 * { 10 margin: 0; 11 padding: 0; 阅读全文

posted @ 2020-06-13 16:11 strongerPian 阅读(174) 评论(0) 推荐(0)

手风琴

摘要：先放效果图代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } img { border: no 阅读全文

posted @ 2020-06-13 09:44 strongerPian 阅读(150) 评论(0) 推荐(0)

树状图(多级菜单)

摘要： 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title></title> 7 </head> 8 <style type="text/css"> 9 ul li { 10 list-style: none; 阅读全文

posted @ 2020-06-13 09:01 strongerPian 阅读(555) 评论(0) 推荐(0)

2020年6月12日

复选框

摘要： JQuery写法 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale 阅读全文

posted @ 2020-06-12 14:42 strongerPian 阅读(228) 评论(0) 推荐(0)

JQuery放大镜

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <t 阅读全文

posted @ 2020-06-12 09:19 strongerPian 阅读(140) 评论(0) 推荐(0)

img

摘要： img JQuery放大镜 https://www.cnblogs.com/strongerPian/p/13097538.html 树状图: 减号: 加号: https://www.cnblogs.com/strongerPian/p/13111618.html JQuery轮播图: https: 阅读全文

posted @ 2020-06-12 09:16 strongerPian 阅读(135) 评论(0) 推荐(0)

2020年4月26日

拖拽

摘要：事件绑定版 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文

posted @ 2020-04-26 00:38 strongerPian 阅读(366) 评论(0) 推荐(0)

Tab-筋斗云

摘要：效果：筋斗云默认在第一个li，自动运动到鼠标移入的li，固定到鼠标点击的li，鼠标移出时返回到上次点击的li 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <sty 阅读全文

posted @ 2020-04-26 00:31 strongerPian 阅读(230) 评论(0) 推荐(0)

轮播图（淡入淡出切换）

摘要：实现效果：点击序列号切换图片；点击上下箭头切换图片；每3s自动切换图片；鼠标移入停止自动切换，移出开始自动切换。 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 * 阅读全文

posted @ 2020-04-26 00:23 strongerPian 阅读(1086) 评论(0) 推荐(0)