Web
BandaYung
路漫漫其修远兮,吾将上下而求索
展开
-
Html 网页上如何做轻松筹的一个漂亮的标题
最近看到轻松筹上面的一个功能不错,所以自己就借鉴下,把标题的效果给实现了,现在就跟大家分享下,纯粹就是一个小功能希望大家喜欢.效果图就是左边的那个标题块那里,个人感觉很好看,所以就写下来了.代码<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" c...原创 2015-12-17 16:11:19 · 22209 阅读 · 0 评论 -
Html 网页上右边有一个微信二维码随着页面滚动而不动的效果
Html:<div class="qr_code_pc_outer"> <img src="http://mp.weixin.qq.com/mp/qrcode?scene=10000004&size=102&__biz=MjM5MDU1Mzg3Mw=="> <p>微信扫一扫<br>关注该公众号</p>...原创 2015-12-10 17:08:51 · 3756 阅读 · 0 评论 -
Html 添加QQ邮箱为自己写信功能
有时候我们做网页的时候,要留下一个联系方式,然后别人可以通过qq邮箱发给自己的好办法!效果:其实这里是QQ邮箱开发平台上可以直接获取对应的代码片段。QQ邮箱开发平台:http://openmail.qq.com/cgi-bin/loginpage1、把后面的email=abcdefg@qq.com改成自己的QQ邮箱,别人就可以通过这条链接给自己发邮件了http://mail.q...原创 2016-03-21 21:38:07 · 2265 阅读 · 1 评论 -
Html 分享功能(jinthis)
JiaThis - 社会化分享按钮及移动端分享代码提供商!你是否有时候在网上看到这些第三方的社交软件的分享,其实这些是在jiathis上是有相应的代码的,都是几句话而已,很方便的可以应用到这些分享功能...原创 2016-02-04 15:56:53 · 4295 阅读 · 0 评论 -
Html <img>显示图片的三种方式
1.显示本地图片2.显示网络上的图片,不过网络上的图片就是需要每次都去加载,可能会费流量3.下面这种就是我们今天所要讲的第三种方式显示图片,它其实也就是根据http网络上的图片通过利用Data URL(data:image/jpg;base64,)将小图片生成数据流形式显示出来的有时候我们会看到<img src="data:image/jpg;base64,xxxxxxx……”...原创 2015-12-10 17:20:27 · 17419 阅读 · 0 评论 -
Html 点击小图查看大图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head&...原创 2016-01-11 14:25:34 · 29753 阅读 · 2 评论 -
Html 横向广告滚动字幕
html:<div class="adv"> <img src="/static/img/user_order.png" id="icon-adv"> <div id="demo" style="overflow:hidden;width:100%;"> <table border="0" align="center"> <...转载 2016-01-13 17:29:20 · 5344 阅读 · 0 评论 -
Html 比较好看的菜单选项
这是一开始的菜单,点开之后有个向下滑动的一个动态效果最后展开成下图这个必须要bookstrap才可以实现的,所以你要用的时候可能要导入bookstrap的东西,这是在公司的开发,配置不是我配的,所以就不知怎么说了,等我学会了,跟大家分享分享先把代码展示出来哦!!!样式的代码部分:<style type="text/css"> /*控制菜单箭头*/ ...原创 2016-01-08 16:49:02 · 1917 阅读 · 0 评论 -
JQuery 轮播图可左右切换
效果如下图:Html:<!DOCTYPE html><html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title...原创 2016-02-04 16:26:01 · 1032 阅读 · 0 评论 -
JQuery 大图轮播还有遮罩效果
效果如下图:Html: <!DOCTYPE html> <html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;ch...原创 2016-02-04 15:47:09 · 1297 阅读 · 0 评论 -
JQuery 写一个圆形动画加载进度条
drawProcess()这个方法主要是画圆的大小上面所写到的 setInterval("addNum(90,100)",20); 分别指的是:1.这里的三个参数分别是90:在90%处2.100:圆的宽度(而<canvas>标签设置的高宽是不起作用的)3.20:2秒之后执行这个addNum方法一、画单色进度圆环,效果如下图:<!DOCTYPE ht...原创 2016-02-04 10:40:35 · 9075 阅读 · 2 评论 -
JQuery form表单提交
三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值单选按钮的选择跟获值:<div class="input-input"> <label> <input name="id...原创 2016-02-03 17:02:43 · 448 阅读 · 0 评论 -
JQuery 实现长按按钮触发事件的方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...转载 2016-01-18 10:31:14 · 6209 阅读 · 0 评论 -
JQuery .tmpl() 用法示例介绍
解决 PHP 拼数据这方面的问题而有了 Smarty 这些模版,JavaScript 也可以利用模版来解决这些问题,比如基于 jQuery 的 jquery.tmpl动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端...转载 2015-12-15 15:13:59 · 694 阅读 · 0 评论 -
JQuery post跟get的使用
var account = $('#account').val().trim(), name = $("#name").val().trim()var extras = $.parseJSON(json.extras);//json解析出来的对象extras.alipay_name = name;extras.alipay_account = account;extras = JSON....原创 2015-12-10 16:19:39 · 765 阅读 · 0 评论 -
JQuery show()跟hide()的使用
Html:<div class="binded-box" style="display:none;"> <div class="alert alert-success"> <h3 style="margin-top:0;">您已成功绑定支付宝</h3> <p>您的支付宝帐号:<span id="account-...原创 2015-12-10 16:05:50 · 800 阅读 · 0 评论 -
JS 横向循环滑动也可移动性切换
一、先上效果图:二、实现原理:主要是通过设置不同的样式然后每个样式都后缀都是不一样的。比如class:tab_tophome_1,tab_tophome_2,...;图片也是同样的道理。三、里面有两个JS的方法:1.setTab(name,itemCnt,curItem, classHide,classShow)设置图片选择底下那个图片然后换上面的图片2.自动循环滚动,当移...原创 2016-08-19 00:17:38 · 2896 阅读 · 0 评论 -
JS Replace 全部替换字符用法
之前在做一个项目的时候,理应出现的是html中的<p>111</p><p>222</p><p>333</p>,但是看到的却是下面这些被转义为: & lt ;p& gt ; 111& lt ;/p& gt ; & lt ;p& gt ; 222& lt ;/p...原创 2016-03-23 11:39:32 · 1268 阅读 · 0 评论