分类目录归档：JS专栏

2017
03-22

使用php+js异步上传图片 3056 VIEW

JS专栏, PHP专栏使用php+js异步上传图片已关闭评论

HTML语言如下，隐藏文件文本框，写一个button按钮，通过点击该按钮来弹出选择图片对话框： <input type="file" id="uploadFile" name="uploadFile" style="display:none;" accept="image/*" onchange="uploadImage()"/> <input type="button" na.... 阅读全文
,
2017
03-22

精美jquery日期选择器 3730 VIEW

JS专栏精美jquery日期选择器已关闭评论

效果如上图所示，代码如下： 特别注意，该日期选择器的css加载在js里面，如果js和css不是平级目录，请自行在js里修改引用css的目录。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, .... 阅读全文
,
2016
12-14

类似分享到朋友圈按钮实例 2700 VIEW

JS专栏类似分享到朋友圈按钮实例已关闭评论

1、HTLM部分，先创建弹出层且隐藏和按钮。<div id="cover" style="position: fixed; top: 0px; width: 100%; height:.... 阅读全文
2016
07-31

JS编写可左右滑动的Tab 3502 VIEW

JS专栏JS编写可左右滑动的Tab已关闭评论

直接上代码：<ul class="course-tab"> <li class="curr">章节</li> <li class="">详情</li.... 阅读全文
2016
07-21

手机页面加载完成前的loading效果 3286 VIEW

JS专栏手机页面加载完成前的loading效果已关闭评论

注意：如果代码运行样式不对，请不要取消代码换行~样式一：只需要在header的头部加入以下代码，可根据实际需求修改：<script type="text/javascript"> var _LoadingHtml = .... 阅读全文
2016
07-21

JS+Ajax手机列表拉到底时自动加载下一页 3104 VIEW

JS专栏JS+Ajax手机列表拉到底时自动加载下一页已关闭评论

HTML部分：<div id="course_box"> <ul id="courselist"> </ul> </div> <div style="font-size:.14rem; text-align: center;".... 阅读全文
,
2016
06-20

JS打造吸附导航条 向下滑动滚动条时导航条自动吸附 4530 VIEW

JS专栏JS打造吸附导航条 向下滑动滚动条时导航条自动吸附已关闭评论

效果图如下：主要JS代码如下：<script type="text/javascript"> window.onload = function(){     var obj .... 阅读全文
2016
06-20

PHP+JS打造三级地区联动表单 3206 VIEW

JS专栏, PHP专栏PHP+JS打造三级地区联动表单已关闭评论

HTML部分：<select class="select-30" name="prov" id="vprov"></select> <select class=&quo.... 阅读全文
,
2016
03-07

JS实现全选、全不选、反选表单复选框 4455 VIEW

JS专栏JS实现全选、全不选、反选表单复选框已关闭评论

<html> <head> <title>JS实现全选、全不选、反选表单复选框</title> <script type="text/javascript"> function $(id) { return document.getElementById(id).... 阅读全文
, , ,
2016
01-24

html5手机对话框制作文字提示弹出框特效 5085 VIEW

JS专栏html5手机对话框制作文字提示弹出框特效已关闭评论

html5适用手机移动端的页面弹出框特效，手机对话框弹出文字提示操作。下载地址：HTML5弹出框下载演示地址：HTML5弹出框演示.... 阅读全文
, ,
1234下一页 »