原创 禁止手機瀏覽器、微信瀏覽器的上下滑動露出黑色塊問題

禁止手機瀏覽器、微信瀏覽器的上下滑動露出黑色塊問題 <script> document.querySelector('body').addEventListener('touchstart',function (ev) { even

原创 延時消失的菜單

<script> window.οnlοad=function () { var oUl=document.getElementsByTagName("ul")[0]; var oLi=document.getElementsByTa

原创 原生js實現簡單的展開收縮

<ul> <li> <a href="javascript:"> <i class="icon"></i> <span>我的好友</span> </a> <div> <p>張三</p> <p>李四</

原创 js求數組中的最大值(reduce方法)

window.οnlοad=function () { var a=[1,2,3,4,5]; var sum=a.reduce(function (x,y) { return x>y?x:y }); console.log(s

原创 編寫代碼中出現亂碼的原因

1.檢查編輯器的編碼格式:如果沒有特別要求,通常整個項目和文件的編碼都應該是UTF8 Editor>File Encoding,IDE Encoding,Project Encoding均改爲utf-8 點贊 收藏

原创 html文字過長自動添加省略號

文字過長自動添加省略號 注:必須設置元素的寬度 div{ width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-tex

原创 原生JavaScript實現圖片切換

Html <div id="div"> <img class="on" src="img/1.png" alt=""> <span class="prev"><</span> <span class="next">></span>

原创 JavaScript原生實現多組圖片切換

<div class="bg"> <div> <button>上一組</button> <button>下一組</button> </div> <div class="left"> <img class="left_im

原创 網頁元素CSS居中實現完整攻略

本文轉至http://www.html5dw.com/post?id=1433 水平居中:行內元素解決方案        只需要把行內元素包裹在一個屬性display爲block的父層元素中,並且把父層元素添加如下屬性即可: .pare

原创 jQuery跳出當前each循環的方法

jQuery跳出當前each循環的方法 jQuery跳出循環不能直接使用continue和break,在jQuery中沒有這兩條命令 return false;  ——跳出所有循環,相當於JavaScript中的break效果 retur

原创 防止iframe事件,啓用iframe上一級的事件

防止iframe事件,啓用iframe上一級的事件<style> iframe{ pointer-events: none; } </style> //a標籤擁有點擊事件 <a href="javascript:" id="d

原创 css選擇器

選擇器 例子 例子描述 CSS .class .intro 選擇 class="intro" 的所有元素。 1 #id #firstname 選擇 id="firstname" 的所有元素。 1 * * 選

原创 瀏覽器不緩存頁面

<meta http-equiv="pragma" content="no-cache"> 點贊 收藏 分享 文章舉報 tanmuxue 發佈了33 篇原創文章 · 獲贊 9

原创 css3實現手風琴效果

<div class="accordionMenu"> <div class="menuSeciton" id="brand"> <h2><a href="#brand">brand</a></h2> <p>Lorme ipsu

原创 加載微信防盜圖片

//加載微信防盜圖片 function showImg(url) { var imgid = Math.random(), frameid = 'frameimg' + imgid; window['img