使用js或jquery实现常用选项卡

2015-5-14 Jon js+jquery+ajax

使用js实现简单选项卡使用js实现简单选项卡 body { padding: 30px 200px; color: #323200; background: #669999; line-height: 30px; } p { padding: 6px; transition: ...

阅读全文>>

标签: js选项卡 jquery选项卡

评论(0) 浏览(2513)

jquery实现各种常用下拉菜单

2015-5-13 Jon js+jquery+ajax

jquery实现简单下拉菜单简单下拉菜单 *{margin:0;padding:0;} body{padding:30px 200px;background: #666699;line-height: 32px;color:#330000;} ul,li{list-style: none;} .hide{background: #ddd;border:1px solid #bbb;display: none;float:left;} li{borde...

阅读全文>>

标签: jquery下拉菜单

评论(0) 浏览(3149)

js，jquery分别实现各种拖拽

2015-5-13 Jon js+jquery+ajax

js实现简单拖拽 jquery实现简单拖拽 div{width: 100px;height:100px;background: red;cursor:pointer;position: absolute;color:#fff;padding:10px;} } 我是一个可拖拽的div，jquery实现的 $(function(){ $('div').mousedown(function(e){ ...

阅读全文>>

标签: js拖拽 jquery拖拽拖拽

评论(0) 浏览(2869)

js实现页面打字机，动态显示文字

2015-5-13 Jon js+jquery+ajax

最简洁的js简单打印机效果代码最简洁的js简单打印机效果代码 window.onload=function(){ var dazi=document.getElementById('dazi'); var msg="昨夜星辰昨夜风，画楼西畔桂堂东。身无彩凤双飞翼，心有灵犀一点通。"; var len=msg.length; var seq=0; var speed=200; ...

阅读全文>>

标签: js打字机 js动态显示文字

评论(0) 浏览(3818)

jquery实现下拉菜单和选项卡相结合的效果

2015-5-13 Jon js+jquery+ajax

jquery实现下拉菜单和选项卡相结合的效果 jquery实现下拉菜单和选项卡相结合的效果 * { margin: 0; padding: 0; } body { padding: 30px 200px; background: #666699; line-height: 32px; color: #330000; ...

阅读全文>>

标签: jquery下拉菜单和选项可结合

评论(0) 浏览(2999)

使用jquery实现错落有致的页面瀑布流效果

2015-5-13 Jon js+jquery+ajax

使用jquery实现页面瀑布流效果使用jquery实现页面瀑布流效果 *{padding:0;margin:0;} .wrap{width: 1040px;margin:0 auto;position: relative;} .wrap .txt{position: absolute;} ...

阅读全文>>

标签: jquery实现页面瀑布流网页瀑布流

评论(1) 浏览(2811)

html5视频音频标签使用&&使用视频做背景

2015-5-13 Jon html+css

html5视频音频标签使用 html5视频音频标签使用使用video的API 你的浏览器可以换了播放快进10秒快退10秒静音加速播放减速播放正常播放声音++ 声音-- // 获取对应的video标签 var video=document.getElementById('video'); //播放方法 function bozan(obj){ if(v...

阅读全文>>

标签: 使用视频做背景 video标签使用

评论(0) 浏览(2938)

让浏览器1秒变成编辑器，尽情践踏吧！

2015-5-13 Jon html+css

可以随意修改的文字，尽情践踏吧！随意修改的文字 body{background: #ccc;padding:30px 350px;color:#330000;font-size:14px;line-height: 26px;} 我可以在这里写文字，我也可以删除其他文字风过也路三千良辰美景都看遍南淮月楼船雪终不似当年 ——finale。《乱世歌行》春水汤汤一时无涯柳絮轻软长安尽飞花春雨搂头横吹尺八青衫洗旧客京华 ——...

阅读全文>>

标签: contenteditable属性让浏览器成编辑器

评论(0) 浏览(2703)

纯js实现多个可在页面运行代码实例?

2015-5-12 Jon js+jquery+ajax

纯js实现多个可在页面运行代码实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>纯js实现多个可在页面运行代码实例</title> </head> <body> <div class='text-code'> <textarea class="code-vessel" name="t...

阅读全文>>

标签: js js页面运行代码 js新窗口运行代码

评论(0) 浏览(2729)

设置网页地址栏前面的标志图标 favicon.ico

2015-5-11 Jon html+css

介绍一下怎么设置网页地址栏前面的标志图标 favicon.ico favicon.ico 是一种格式，一般用于网页地址栏前或者在标签上以缩略方式显示网站标志，也可以拖曳favicon到桌面以建立到网站的快捷方式。为什么要设置 favicon图标？以图像形态显示，比文字显示更能加深浏览者的记忆和印像。可以塑造网站的品牌。这也是在网站推广的范畴之内。可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站，给人以更专业的感觉。设置方法：制作一个16×16像素的图像（logo），也可以制作一个200×200像素的图像或更大，然后等比列缩小为1...

阅读全文>>

评论(2) 浏览(3199)

前端开发神器sublime text3使用总结

2015-4-19 Jon 前端工具

sublime Text作为一个前端开发神器，有着强大的快捷键和插件功能一、sublime text3快捷键的文章网上已经多不胜数了，下面粘到这里以便日后查询 0、常用类 ctrl+shift+" 选择与光标关联的开始和结束标签 ctrl+shift+a 选择容器内内容 ctrl+shift+↑ 或 ↓ 上移或下移行: ctrl+shift+d 复制行或选中项: ctrl+shift+c 调色板 ctrl+[ 或 ] 增加和减少缩进 alt+shift+w 用标签包裹行或选中项 ctrl+...

阅读全文>>

标签: sublime

评论(0) 浏览(3376)

js兼容性及技巧总结

2015-4-14 Jon js+jquery+ajax

一、js兼容性 1，js事件绑定 ie8及以下使用 attachEvent(事件名，函数) 例子： oBtn.attachEvent('onclick', function (){ alert('a'); }); oBtn.attachEvent('onclick', function (){ alert('b'); &n...

阅读全文>>

标签: js兼容技巧

评论(0) 浏览(2882)

js获取浏览器、文档、body的宽度和高度的DOM/BOM方法

2015-4-13 Jon html+css

document.body.offsetWidth返回body的offsetWidth(包括边框) document.body.offsetHeight返回body的offsetHeight(包括边框) 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight document.body.clientw...

阅读全文>>

标签: 获取浏览器、文档宽高

评论(0) 浏览(3018)

前端学习资源分享

2015-4-10 Jon 其他

作为一个合格的前端，就是要不断的学习新知识、新技术，下面，我将分享一下我总结的一些好的前端学习和使用网址慕课网：在线视频教程的知名网站 http://www.imooc.com/ w3cfuns：想拥有自己的前端博客吗 http://www.w3cfuns.com/ 博客园：开发者的网上家园 &nbs...

阅读全文>>

标签: 资源分享

评论(0) 浏览(2626)