用js做鼠標(biāo)拖動進(jìn)度條實(shí)現(xiàn)顯示多張縮略圖

近期項(xiàng)目中遇到一個(gè)有點(diǎn)意思的效果，在一定范圍內(nèi)根據(jù)進(jìn)度條的進(jìn)度來顯示圖片的數(shù)量，效果圖如下： 實(shí)現(xiàn)思路是根據(jù)進(jìn)度條拖動的距離來算百分比，然后根據(jù)百分比來改變每個(gè)圖片的寬度， 頁面結(jié)構(gòu)代碼如下： Css樣式如下： Js代碼如下： 因?yàn)檫M(jìn)度條最多只有100%，所以就需要根據(jù)顯示的圖片數(shù)量來設(shè)置每張圖片寬度的占比，這里是要...

品牌型網(wǎng)站與展示型網(wǎng)站的區(qū)別以及如何選擇

今天我們來聊一聊，營銷型網(wǎng)站與展示型網(wǎng)站的區(qū)別，以及我們建站的時(shí)候該如何選擇。 首先顧名思義，營銷型網(wǎng)站的意思，就是偏向于營銷推廣，獲取客源，增加銷售額為主的網(wǎng)站類型；展示型網(wǎng)站的意思，就是僅為了展示信息，提供查看，起到名片作用的網(wǎng)站類型。 那么他們的網(wǎng)站里面會有什么區(qū)別呢？我們從兩部分來一一講解： 第一部分，從首頁設(shè)計(jì)...

網(wǎng)站設(shè)計(jì)師必收藏的網(wǎng)站

每一個(gè)設(shè)計(jì)師都會收藏各類設(shè)計(jì)素材網(wǎng)站，尤其是網(wǎng)頁、電商、平面、UI等設(shè)計(jì)師，每天都需要找N多素材創(chuàng)意靈感。怎么可以快速找到好的圖片素材和創(chuàng)意靈感來提升工作效率呢？收藏各種設(shè)計(jì)類網(wǎng)站平臺，各大素材網(wǎng)站和好的創(chuàng)意與素材。 設(shè)計(jì)類： Behance 簡稱Be，是一個(gè)專業(yè)的大型國際藝術(shù)設(shè)計(jì)類網(wǎng)絡(luò)平臺。作品包含有攝影，設(shè)計(jì)，時(shí)尚等。...

網(wǎng)站前端制作之swiper拖拽左右滑動按鈕

在一些前端項(xiàng)目中需要做滑動按鈕，比如滑動切換模式之類的，如圖： 在PC端上，鼠標(biāo)拖動滑塊一次切換不同的模式，用js自己寫比較麻煩，我想到了一個(gè)簡單有效的辦法，用swiper輪播插件來寫簡單快速。Swiper輪播插件是非常強(qiáng)大的，前端工作人員一定不陌生，如果你不了解可以去官網(wǎng)看看API，你會發(fā)現(xiàn)它不僅僅只局限于表面的輪播功能。 ...

淺談同辰建筑設(shè)計(jì)咨詢公司網(wǎng)站改版的見解

隨著互聯(lián)網(wǎng)的不斷普及和技術(shù)提升，現(xiàn)在的人們運(yùn)行互聯(lián)網(wǎng)了解機(jī)構(gòu)基本信息最直接的方式莫過于企業(yè)官方網(wǎng)站了，然而現(xiàn)在的人們隨著審美的提高和機(jī)構(gòu)的發(fā)展定位，很多企業(yè)的網(wǎng)站想把網(wǎng)站設(shè)計(jì)的更符合現(xiàn)代的潮流和企業(yè)的形象，企業(yè)的官方網(wǎng)站就需要進(jìn)行不斷的更新?lián)Q代來滿足于自己的用戶群體，今天就同辰建筑設(shè)計(jì)咨詢網(wǎng)站建設(shè)改版作出自己...