原创 js實現仿alert自定義提示框

css文件：.alertTips-layer{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); z-

2018-09-04 03:50:18 3

原创 textarea高度跟隨文字高度而變化

html部分： <textarea id="textarea">哈嘍哈嘍哈嘍哈嘍哈嘍哈嘍哈嘍哈嘍哈嘍哈嘍哈嘍哈嘍</textarea> js部分： <!--textarea高度跟隨文字高度而變化--> <script>  functio

2018-09-04 03:50:18

原创 js實現仿alert提示彈窗

html文件：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/alertTips.js"></script> <lin

2018-09-04 03:50:18

原创 類似app常見效果，彈出一個提示語句（黑色背景+白色文字），2s後消失（來自改編alert,在h5裏比較實用的），下面附上效果圖

1.首先是js文件，我將其命名爲alertMsg.js，使用的時候直接alertMsg("哈嘍"),就可以啦，js文件內容如下： window.alertMsg = function(txt) {var alertFram = docum

2018-09-04 03:50:18

原创 日期時間段選擇 js判斷開始日期是否在結束日期之前，且開始日期和結束日期都不能超過當日的日期

1.html部分 <td class="clear-cycle">                 <input id="day1" class="jcDate" type="text" />                 <span>

2018-09-04 03:50:17

原创 js實現在文本框輸入一個百分數，另一個數跟着動態變化（只允許輸入0-100的整數）【支持IE瀏覽器】

1.html部分 <tr>             <td>輸入分成比例：</td>             <td style="position:relative;">                 <input id="scale

2018-09-04 03:50:17

原创 關於cookie的部分用法（頁面中新消息聲音提醒開關）

cookie即在瀏覽器中存放一個臨時文件來存取信息，當cookie保存某個值後，就算你關閉頁面重新打開或者刷新頁面，cookie依然保留；當然，也可以在瀏覽器中清除cookie,清楚後cookie值爲默認

2018-09-04 03:50:17 2

原创 滾動事件（商城標題向下滾標題固定，向上恢復）

在做移動端商城時，在商城列表往下拉時讓標題固定在頂部，網上滾到頭時恢復原樣 1.<script type="text/javascript">         $(document).ready(func

2018-09-04 03:50:17 2

原创 關於select樣式重置和移動端網頁添加meta標籤的問題

select標籤在各個瀏覽器的默認樣式都是不一樣的，要想重置樣式，則給select加： appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #f

2018-09-04 03:50:17 2

原创 jquery實現篩選商品效果，每個種類只能選擇一個

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/font-awesome.min.c

2018-09-04 03:50:17 1

原创 標題與內容連接中間不顯示邊框佈局

標題與內容連接中間不顯示邊框佈局：1.給最外層div加個寬度，包住標題和內容；2.標題用ul,li：給ul加下邊框2px，高度30px,行高30px；給li加高度28px，行高28px；給選中li加上邊框2px，下邊框2px白色；<!DO

2018-09-04 03:50:17 2

原创 jquery fancybox彈窗 需要注意的問題

要想使用fancybox做出彈窗效果，需要以下幾個步驟： 第一步.引入fancybox樣式文件與jQuery以及fancybox的js文件（注意link標籤要把type和rel加上，以及jQuery.js文件要在fancybox.js文

2018-09-04 03:50:16 2

原创 jQuery fullpage全屏的步驟及注意事項

想要實現fullpage全屏滾動，需要以下幾步： 第一步：引入樣式文件以及js文件 <link rel="stylesheet" href="style/jquery.fullPage.css"/> <link rel="stylesh

2018-09-04 03:50:15