随笔分类 -  前端

jQuery图片点击预览遮罩层，再点击关闭效果
摘要：首先图片小图，布局这里不用多说，直接说方法<img class="tooltip_img" style="border: 1px solid #ddd;padding: 3px;" src="https://www.baidu.com/img/baidu_resultlogo@2.png" widt 阅读全文
posted @ 2017-12-18 15:20 程序小院 阅读(388) 评论(0) 推荐(0)
实现复选框的单选效果
摘要：<!DOCTYPE><html><head><title>实现复选框的单选效果</title></head><body><form method=post action=""><input type="checkbox" name="aa" onclick="bb(this)"><input typ 阅读全文
posted @ 2017-08-21 17:17 程序小院 阅读(267) 评论(0) 推荐(0)
bootstrap 弹框使用
摘要：首先需要准备bootstrap.css，bootstrap .js jquery 我这里有写好的下载地址如下： https://pan.baidu.com/s/1miMahXe 秘钥：tgts <!doctype html><html><head><meta charset="utf-8"><tit 阅读全文
posted @ 2017-08-01 12:10 程序小院 阅读(257) 评论(0) 推荐(0)
web前端开发面试题（答案）
摘要：1.xhtml和html有什么区别？ HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。 2.行内元素有哪些?块级元素有哪些?CSS的盒模型?块 阅读全文
posted @ 2017-07-18 17:31 程序小院 阅读(605) 评论(0) 推荐(0)
javascript 多个onclick function 取对应值
摘要：方法1： 直接获取值 <button onclick="aa(1)">执行</button> <button onclick="aa(2)">执行</button> <button onclick="aa(3)">执行</button> <button onclick="aa(4)">执行</but 阅读全文
posted @ 2017-06-30 15:31 程序小院 阅读(442) 评论(0) 推荐(0)
基于bootstrap的后台左侧导航菜单和点击二级菜单刷新二级页面时候菜单展开显示当前菜单
摘要：本文使用的框架版本为： bootstrap3，Jquery2.1.0 (其他jquery可能会报错，菜单项不执行 效果如下： 1.在项目中引入框架： <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><scri 阅读全文
posted @ 2017-06-13 09:56 程序小院 阅读(30218) 评论(2) 推荐(0)
用WebStorm进行Angularjs 2的开发
摘要：环境准备： WebStorm开发工具 https://pan.baidu.com/s/1o8maQLG 提取密码（加群获取599606903） nodejs https://nodejs.org/en/download/ angular-cli window 1.WebStorm安装 2.nodej 阅读全文
posted @ 2017-05-31 13:28 程序小院 阅读(3035) 评论(0) 推荐(0)
关于datetimepicker只显示年、月、日的设置
摘要：如下是只显示月的sample code： <link rel="stylesheet" href="css/datetimepicker/bootstrap-datetimepicker.min.css"><script src="js/datetimepicker/bootstrap-dateti 阅读全文
posted @ 2017-05-24 16:04 程序小院 阅读(8443) 评论(0) 推荐(1)
checkbox多选按钮变成单选
摘要：<input id="a" type="checkbox"/><input id="b" type="checkbox"/><script> $('#a').click(function(){ $(this).attr('checked','checked'); $('#b').removeAttr 阅读全文
posted @ 2017-05-22 09:39 程序小院 阅读(757) 评论(0) 推荐(0)
js原生回到顶部
摘要：<!DOCTYPE html><html><head> <meta content="测试demo" name="Keywords"> <meta content="测试demo" name="Description"> <meta http-equiv="Content-Type" content 阅读全文
posted @ 2017-05-05 15:35 程序小院 阅读(166) 评论(0) 推荐(0)
js 求select option 的值和对应option的内容
摘要：<select onChange="aa(this)" name="a"> <option value="a">1</option> <option value="b">2</option> <option value="c">3</option></select><script> function 阅读全文
posted @ 2017-03-23 17:17 程序小院 阅读(2700) 评论(0) 推荐(0)
bootstrap-multiselect 全选全部勾选选中，取消全部勾选取消
摘要：multiselect 下载使用： 链接:https://pan.baidu.com/s/18_yo3OGqR-FTUQ7ML3K97g 密码:auut <link rel="stylesheet" type="text/css" href="bootstrap-multiselect.css"> 阅读全文
posted @ 2017-03-16 09:21 程序小院 阅读(3693) 评论(0) 推荐(0)