Welcome 微信登录

首页 / 脚本样式 / JavaScript

Bootstrap打造一个左侧折叠菜单的系统模板（一）

Bootstrap打造一个左侧折叠菜单的系统模板（一）

2017年02月06日 10 阅读
1. 前言最近需要做一个后台管理系统，我打算使用bootstrap弄一个好看的后台模板。网上的好多模板我觉的css和js有点重。于是就打算完全依靠bootstrap搭建一个属于自己的模板。首先从左侧的折叠菜单开始。看图。2. CSS 代码以下是自定义的css代码，由于系统是内部使用，所以优先考虑chrome,firefox 不考虑IE了。#main-nav {margin-left: 1px;}#main-nav.nav-tabs.nav-stacked ...
js和jq使用submit方法无法提交表单的快速解决方法

js和jq使用submit方法无法提交表单的快速解决方法

2017年02月06日 11 阅读
昨天，在做一个表单异步提交内容的时候，遇到很奇怪的问题，submit（）方法无法进行提交，每次提交都是把 当前给刷新了，网络抓包发现，每次都是 get方式去获取 当前页面，完全没有post 请求，想着以前 遇上这样的问题 都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突，但是检查了几次，始终没有发现 名字冲突，所以这个可能性被排除。平常自己做触发按钮，基本不用a 标签，但是昨天不知道什么 问题，竟然用了 a 而且还给了 href ...
Bootstrap carousel轮转图的使用实例详解

Bootstrap carousel轮转图的使用实例详解

2017年02月06日 10 阅读
图片轮播效果在Web中常常能看到，很多人也称之为幻灯片。其主要显示的效果就是多幅图片轮回播放，从右向左播放，鼠标悬停在图片时会暂停播放，如果鼠标悬停或单击右下角圆点时，会显示对应的图片。这种图片轮播效果，在Bootstrap框架中是通过Carousel插件来实现演示效果截图：代码：<！DOCTYPE html><html><head><meta charset="utf-8"><！-- <link...
JavaScript判断页面加载完之后再执行预定函数的技巧

JavaScript判断页面加载完之后再执行预定函数的技巧

2017年02月06日 11 阅读
JavaScript 脚本语言的执行，是需要触发的。一般的做法就是在网页中，直接编写几个函数，有的在代码被加载的时候就被浏览器处理，或者使用类似下面的代码来触发实现函数的相关功能。<div id=”link” onclick=”fun（）” ></div>上面代码的意思就是，当鼠标点击 id 为 link 的元素的时候，就触发了它的 onclick 事件，然后执行使用 JavaScript 定义的 fun 函数。这样的做法肯定是很不...
jQuery Mobile操作HTML5的常用函数总结

jQuery Mobile操作HTML5的常用函数总结

2017年02月06日 10 阅读
一. $.mobile.changePage（） & $.mobile.loadPage（）1.$.mobile.changePage（）$.mobile.changePage（） 方法会在页面加载时自动调用，若这个页面为当前文档中的不同 "page"，则会转到这个新页面隐藏旧页面；若这个页面为外部页面，即页面与当前页面不在同一文档中（本质上是新页面不在当前 DOM 中），$.mobile.changePage（） 首先会调用 $.mobile.loadP...
创建一个类Person的简单实例

创建一个类Person的简单实例

2017年02月06日 10 阅读
创建一个类Person，包含以下属性：姓名（name）、年龄（age）、朋友（friends数组）、问候（sayhi方法，输出问候语，例如：“你好！”）、交朋友（addFriend方法，向friends里添加一个值）,然后创建两个此类的实例：“小张“,22,[“小李”,”小王”],”你好！”,”James”,”James”,24,[“Ann”,”Billy”],”Hello！”,”小张”function Person（props）{this.name=pr...
JS获取IMG图片高宽的简单实例

JS获取IMG图片高宽的简单实例

2017年02月06日 11 阅读
前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时，遇到一个问题。不管用什么样的方法都无法获取到IMG标签的高宽，最后只有给图片定一个高宽的比例值；趁今天有空我就写了几个demo测试了下，找了下原因；且听我细细说来，如有哪里说的不对的，欢迎拍砖～～～首先获取高宽的方法具我所知有：obj.style.width（height）;obj.offsetWidth（offsetHeight）;obj.clientWidth（cli...
jQuery 获取屏幕高度、宽度的简单实现案例

jQuery 获取屏幕高度、宽度的简单实现案例

2017年02月06日 10 阅读
做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。alert（$（window）.height（））; //浏览器当前窗口可视区域高度 alert（$（document）.height（））; //浏览器当前窗口文档的高度 alert（$（document.body）.height（））;//浏览器当前窗口文档body的高度 alert（$（document.body）.outerHeight（true））;//浏览器当前窗口文档body的总高度...
浅谈Javascript数组（推荐）

浅谈Javascript数组（推荐）

2017年02月06日 10 阅读
在程序语言中数组的重要性不言而喻，JavaScript中数组也是最常使用的对象之一，数组是值的有序集合，由于弱类型的原因，JavaScript中数组十分灵活、强大，不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素，JavaScript在同一个数组中可以存放多种类型的元素，而且是长度也是可以动态调整的，可以随着数据增加或减少自动对数组长度做更改。首先，大概说说数组的基本用法。 数组，即Array类型，是开发中最常用的类型之一，javasc...
jQuery Mobile框架中的表单组件基础使用教程

jQuery Mobile框架中的表单组件基础使用教程

2017年02月06日 10 阅读
一.表单组件基础1.组件简介jQuery Mobile 中的表单组件是基于标准 HTML ，然后在此基础上增强样式，因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是， jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式，因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。jQuery Mobile 的表单组件有以下几种：（1）文本输入框， type="text" 标记...
BootStrap的alert提示框的关闭后再显示怎么解决

BootStrap的alert提示框的关闭后再显示怎么解决

2017年02月06日 10 阅读
bootstrap中有alert组件，如果点击关闭按钮后该组件会被删除而不是被隐藏，想再显示怎么办呢？bootstrap-alert.js源码片段：function removeElement（） {$parent.trigger（"closed"）.remove（）}理论上把.remove（）改为.hide（），然后在需要重新显示的地方，加上$（"#alert"）.show（）;就可以了。但实际应用中，可以把 close button 的 data-di...
<< 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图