原创 jquery選項卡點擊且能滑動特效

<style> *{margin:0;padding:0;} li{list-style: none} #centent{ width:100%; height:100%; } .tab{ width:100%;

原创 單多行省略號的樣式寫法

單行文本 text{ overflow:hidden; //超出一行文字自動隱藏 text-overflow:ellipsis;//文字隱藏後添加省略號 white-space:nowrap; //強制不換行 } 多行文本 text{  

原创 vue中的圖片上傳

就是給自己留個參照,有什麼不合理的地方請大家指出來,然後調整 1.效果展示 2.html相關的代碼展示 <div class="form-list"> <label class="l

原创 關於vue的視頻上傳

vue的視頻上傳之前用點擊上傳好好的,但是後來後臺接口調整就出現問題了,最後網上找了一圈找到了解決辦法 1.html代碼 <form id="myForm"

原创 解決ios軟鍵盤輸入框被遮擋問題

        $('.popcomment').children('input[type="text"]').focus();         var u = navigator.userAgent;         var isAnd

原创 vue中選項卡點擊切換且能滑動切換功能的實現代碼

本文通過實例代碼給大家介紹了vue中選項卡點擊切換且能滑動切換功能,代碼簡單易懂,非常不錯,具有一定的參考借鑑價值,需要的朋友參考下 具體代碼如下所述: <div> <div class="navli

原创 vue首頁引用導航組件

  <!-- 首頁頁面 --> <div id="app"> <div id="container"> <Shouye index="0"></Shouye> </div> </div> <script> import

原创 vue的選項卡

<div id="app"> <!-- 第一種情況 --> <div id="container"> <div class="contHead"> <ul> <li v-for="(item,

原创 jquery選項卡點擊滑動特效

<style> *{margin:0;padding:0;} li{list-style: none} #centent{ width:100%; height:100%; } .tab{ width:100%;

原创 jquery遍歷節點的方法

jquery遍歷節點方法總結: 後代遍歷children()方法返回被選元素的所有直接子元素。find()方法返回被選元素的後代元素,一路向下直到最後一個後代。 祖先遍歷parent()方法返回被選元素的直接父元素。parents()方法

原创 css左邊容器固定寬度,右邊自適應的幾種效果

內容代碼如下: <div class="container">     <div class="left"></div>     <div class="right"></div> </div> 第一種:         .left {

原创 h5中css不給固定寬度而使得文本內容居中的效果

.mypages{ width:80%; height:30px; margin:20px auto; background-color:pink; position:relative; } /*主要內容給行內塊元素*/ .mypage

原创 h5頁面滾動視差效果

<section class="g-word">Header</section> <section class="g-img1">IMG1</section> <section class="g-word">Co

原创 頁面視頻播放完不顯示最後一幀而回到播放前原始的樣式

<div class="breaking"> <video id="myvideo"> <source src="xiangguandeshipin.mp4" type="vi

原创 vue滑動取消收藏效果

<div id="app"> <div class="container"> <ul> <li class="list-item " v-for="(item,index) in tableData " dat