这个课程中的boostrap是3.0+版本的。(2.0与3.0有区别) bootstrap中的JS是依赖于jquery的,所以需要事先引用jquery(1.9.0版本以上)。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> ...
分类:
其他好文 时间:
2017-08-07 12:00:27
阅读次数:
82
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv= ...
分类:
Web程序 时间:
2017-08-06 11:02:37
阅读次数:
301
一、怎样判断打开的浏览器类型 <script type="text/javascript" > <!-- function getOs() { var OsObject = ""; if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) { return ...
分类:
其他好文 时间:
2017-08-04 10:02:37
阅读次数:
142
原理:先计算鼠标与拖拽目标的左侧距离 跟 上面距离,再计算拖动后的位置。 示例代码: 我们运行上面的代码如果只是一个单纯的div没什么问题,但是如果同时有文字选中之后,再拖动div会发现有问题。 那是因为当鼠标按下的时候,如果页面中有文字被选中,那么会触发浏览器默认的文字拖拽效果。 解决方案: 标准 ...
分类:
Web程序 时间:
2017-08-04 01:17:04
阅读次数:
314
1.很久之前在网上看到的,就随手保存起来了。 ...
分类:
其他好文 时间:
2017-08-03 01:01:33
阅读次数:
249
由于项目中有位大哥(卓大哥)说拿不到this,气得我差点晕过去,于是专门看了下,原来原来。。。。 G~G~Study。 ...
分类:
其他好文 时间:
2017-08-02 18:52:05
阅读次数:
211
首先移动端开发最基本的就是尺寸问题: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 这行代码 ...
分类:
移动开发 时间:
2017-08-01 12:45:13
阅读次数:
266
一.移动设备优先 在 HTML5 的项目中,我们做了移动端的项目。它有一份非常重要的 meta,用于设置屏幕和设备等宽以及是否运行用户缩放,及缩放比例的问题。 //分别为:屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放 <meta name="viewport" content="wi ...
分类:
其他好文 时间:
2017-07-31 21:13:23
阅读次数:
150
<!DOCTYPE html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <ti ...
分类:
其他好文 时间:
2017-07-31 18:53:23
阅读次数:
173
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1, ...
分类:
其他好文 时间:
2017-07-31 12:30:58
阅读次数:
125