標在外圍的圖片上移動的時候，會在中間顯示這個圖片的大圖，這樣的相冊很難制作嗎？其實不難，下面小編跟大家講解一下這個是怎么制作的：

效果圖：

效果圖

分享之前我還是要推薦下我自己的前端學習群：661473108，不管你是小白還是大牛，小編都歡迎，不管前端有什么不懂的，或者不知道怎么學習的都可以來，歡迎初學和進階中的小伙伴！

制作步驟：

1、首先圖片先是放在一個大容器里面的，而且是無縫排列在一起的，這個可以使用float來實現，外面可以加一個div之類的套住。

2、下一步不同于第一種，第二種中間是空的，圖片不能放在中間，這個似乎有點難實現，后面再說。

3、當鼠標hover的時候，它不僅得顯示在中間，還得在原來的地方也顯示，這就告訴著我們需要兩份圖片，其中一份hover的時候顯示在中間。

4、所有的圖片都是顯示在中間，因此用絕對定位就可以了。

注意要點：clear還有兩個屬性，right和left

代碼展示：

代碼

代碼

上圖代碼不全，完整代碼到群里下載，前端學習群：661473108，不管你是小白還是大牛，小編都歡迎，不管前端有什么不懂的，或者不知道怎么學習的都可以來，歡迎初學和進階中的小伙伴！

總結：

位置問題解決后，鼠標移動到圖片的時候，怎么保證一張圖片變大，另一張不變呢？這個其實很簡單，給把另一個img放在span里面，hover的時候，只改變span里面的圖片就好了。

、前言：神技加持 不用墨的榮耀MINI照片打印機！

近日，繼12月26日發布年度旗艦榮耀V20之后，在27日榮耀也正式發布了其第一款隨身打印機產品——榮耀MINI照片打印機。與市面上許多其他隨身打印機不同的是，榮耀MINI照片打印機體積相當小巧，便攜無壓力；零門檻打印操作，只需要三個步驟，就能完成操作打出彩色照片，內置多種打印模板，支持名片/證件照打印，還擁有獨家的AR打印功能，讓消費者十分驚喜。

值得一提的是，榮耀MINI照片打印機采用了無墨打印技術，該技術前身由照相機巨頭寶麗來研發，就國內市場而言，榮耀是第一家推出無墨打印的國產手機品牌。至于無墨打印的技術原理，類似于打印超市小票/福利彩票的“熱敏紙打印機”，打印紙由多層構成，在高溫下，打印紙出現變色，從而實現打印效果。不過榮耀MINI照片打印機的技術原理無疑要先進許多，其打印紙圖像層由無定型晶體構成，在打印時需要精確控制每顆像素加熱溫度，使晶體形成穩定結構并顯示特定顏色，從而實現無墨打印。

那么說了這么多，榮耀MINI照片打印機真的能滿足消費者日常打印照片的選取么？就讓我們一起來看看吧。

二、迷你身材：巴掌大的彩色打印機 出門輕松放口袋

不得不說，榮耀MINI照片打印機帶給筆者的第一感覺，就是小，大小與普通的充電寶相仿，一只手輕松纂住，這樣的體積別說衣服口袋，就算是屁股口袋，也能輕松放下，出行攜帶毫無壓力。

榮耀MINI照片打印機表面采用了磨砂材質，好處是不易沾染油污，手感細膩，通體極簡純白設計，打印口一條青色點綴其上，帶來了澎湃的活力與設計感。而打印機四邊R角弧度也非常大，握持感非常不錯。

榮耀MINI照片打印機的頂部，分列著電源開關（兼電源指示燈）、狀態指示燈與Micro-USB數據線接口。電源指示燈與狀態指示燈都有非常多的用途，可以顯示包括電量剩余、升級提示、配對、待機、打印、異常等多種狀態，用戶使用時觀察起來非常便利。

榮耀MINI照片打印機的底部，只有一條打印口，打印好的照片也會從這里出來。

白色主色調非常適合小姐姐的高雅氣質，放在包內隨身攜帶也是一件相當契合女性特質的尤物。

即便是商務人士，榮耀MINI照片打印機也毫不怯場，清爽干練的設計可以幫助用戶在職場游刃有余。

三、三步快印：上街/聚會/出差隨拍隨取 極速出片

自相機誕生起，照片就是人們記錄生活分享情感的重要媒介，父輩因此也留下了一本本充滿回憶的相冊，雖然現在人們用手機拍照相當方便，但也消磨了人們留存于實體照片中的羈絆與儀式感，這也讓許多年輕人不由得懷念起照片的觸感。

雖然有許多消費者與年輕人也希望在生活中留下實體照片作為紀念，但照片打印機往往售價不菲，跑到照相館也過于繁瑣，也無法及時與朋友分享照片。

但榮耀MINI照片打印機改變了這一切，巴掌大的體積，讓攜帶成為了一件隨意的事情，上街出門遛狗狗，碰到狗狗萌萌的樣子，隨手來一張萌寵照用榮耀MINI照片打印機打印出來，將它帶給自己的快樂留存在照片與相簿中。

久未會面的朋友聚會，回顧過往暢談近況之余，也傷感于聚少離多，這時眾人聚在一起來張合影，用榮耀MINI照片打印機現場打印出來，讓大家知道即便分別也無法阻止思念之情，為大家留下最美好的回憶。

而情侶之間也正需要這種“戀愛證明”，兩人約會時，無論是快樂時刻、俏皮時刻、驚險時刻、生氣時刻還是心動時刻，一刻一刻組成了兩個人之間最珍貴的回憶，這時用手機記錄下ta最美好的笑容，用榮耀MINI照片打印機打印出來，貼在相框中，也就貼在了對方的最柔軟的心里。

更難得的是，使用榮耀MINI照片打印機只需要三步操作，連接藍牙、選擇照片、打印，即可現場打印出一張彩色照片，操作起來非常簡便。

1、連接藍牙

榮耀MINI照片打印機使用藍牙與手機連接進行打印，它也只支持手機操作。

使用榮耀MINI照片打印機需要下載榮耀打印機這款APP，下載后使用使用藍牙即可通過APP操作打印機。

2、選擇照片

這是打開榮耀打印機這款APP就可以選擇照片進行打印了，不過在看到榮耀MINI照片打印機的選擇照片界面之后，其功能之豐富還是讓筆者小吃一驚。

具體來說，在打印機APP內，用戶可以為需要打印的圖片設置相框、添加貼紙，甚至套用濾鏡，APP自帶數十個模板供用戶選擇，足以替代一般的修圖軟件。

如果只打一張照片不過癮，那么榮耀MINI照片打印機還提供了拼圖打印模式。

用戶最多可以同時選擇6張照片打印到一張相紙上，APP內還預置了許多種拼圖模板，可以將多張照片打在同一張相紙上，非常方便。

3、開始打印

選擇完照片后，只要點擊開始打印，榮耀MINI照片打印機就可以自動出片了。

這里筆者著重測試了一下榮耀MINI照片打印機的打印耗時，計時從手機上點擊打印開始，至打印完成后結束，經過掐表測試，榮耀MINI照片打印機打印第一張照片的耗時為1分鐘41秒90毫秒。

需要注意的是，這個時間帶上了打印第一張藍色卡的時間，如果是打印第二、第三張照片的話，打印一張照片的時間僅有第一張的一半，約45秒左右。

打印實際效果如圖，相紙大小為2英寸x3英寸，換算厘米大約是5.8厘米x7.62厘米，對角線約9.5厘米，尺寸不大。而打印機分辨率為313*490dpi，這個精度已經足以比肩普通的打印機精度了，畫面表現非常細膩。

另外值得一提的是，榮耀MINI照片打印機相紙是一張貼紙，撕開相紙背后的保護層，即可將照片貼在任何地方，旅途隨筆，信友聚會，隨拍隨取，隨取隨貼，一氣呵成簡直是出游小神器。粘性也相當牢靠，無論是皮膚、衣服、箱包還是紙張都不在話下，相紙幾乎可以黏在任何表面。

四、AR打印：在照片上看視頻 酷炫十足的AR效果

榮耀MINI照片打印機還支持一個特殊的照片打印模式——打印AR照片。AR照片需要在一段視頻中截取一張來打印，在使用APP掃描AR照片時，用戶就可以從手機上看到原視頻畫面，可以欣賞這張照片前后發生的精彩一刻，讓照片動起來，效果酷炫十足也能讓記憶鮮活起來。

打印AR照片需要提前拍攝一段視頻，然后從APP中選擇視頻的一幀來當做照片畫面，打印完成后，便可從APP內預覽這張AR照片的效果。

當APP識別到這張AR照片后，照片就會變成視頻畫面進行播放，效果類似于《哈利波特》中的預言家日報，非常酷炫。

同時榮耀MINI照片打印機，還支持HUAWEI Share 3.0，Huawei Share 3.0除了能在不同設備上傳輸資料，還支持用手機連接到打印機直接打印圖片或資料，更加輕松。

五、其他功能：1-2寸證件照1次打2張 名片忘帶也不愁

除了打印圖片外，榮耀MINI照片打印機還支持打印證件照與名片，這也是筆者在體驗時最喜歡的兩個功能。

1、打印證件照

榮耀MINI照片打印機支持打印證件照，并且提供了多種證件照尺寸共用戶選擇。除了常用的1寸照與2寸照片，榮耀MINI照片打印機還支持小一寸、小二寸等多個常用證件照尺寸。

受限于相紙大小，一張相紙可以容納2張1寸或2張2寸大的證件照。

值得一提的是，在打印證件照時，榮耀MINI照片打印機會將裁剪用虛線打印到照片上，方便用戶裁剪，設計相當貼心。

2、打印名片

打印名片這個功能最出乎筆者意料，打印機APP直接將一個名片設計軟件搬了進去。

用戶可以選擇預置的10種名片模板，并填入自己的聯系信息，即可即時生成一張現成的名片。

打印名片實際效果，一張相紙正好是一張名片大小，無需裁剪，非常適合商務人士出差時應急使用。

六、總結：這才是真正的隨身打印機

在使用榮耀MINI照片打印機時，筆者總會不自覺地忽略它的打印機身份，將它當做一臺拍立得來用。這也難怪，畢竟手掌大小的體積、無墨設計、不用插電、1分鐘出片這些讓人舒爽的體驗，讓人無法把它和一臺打印機聯系起來。

MINI這一個特點在榮耀MINI照片打印機上體現的淋漓盡致，它不僅將體積做到看手掌大小，內部還空出了相紙放置區與500毫安時的電池空間，便攜性毋庸置疑。而且更方便的是用戶只需要購買特定相紙，即可補充耗材，極大地降低了打印機維護時間與難度，這一點對于普通消費者而言難能可貴。

而更令人驚喜的是榮耀MINI照片打印機的出片時間可以做到1分鐘內，相較之下傳統噴墨式打印機打印一張彩色照片要數分鐘時間左右，隨拍隨取的體驗讓人欲罷不能。

更難得的是榮耀幾乎考慮到了用戶在小尺寸下的所有打印需求，圖片與拼圖打印保證了榮耀MINI照片打印機的可玩性，內置的豐富模板也讓它比一個拍立得更加實用；而打印證件照的功能則讓它兼具極強的實用性，畢竟許多人就是因為一張小小的證件照被卡在辦事大廳/火車站/飛機場；至于名片打印功能，則滿足了商務人士出差的應急需求，這一點相信經常出差的同學感同身受。

總的來說，榮耀MINI照片打印機的小體積不負MINI打印機之名；豐富的模板也讓人樂的與朋友分享它；而證件照與名片打印功能則讓它成為了一個必需品，避免了用戶新鮮勁過了之后吃灰的窘境；如果你需求一臺隨身打印機，榮耀MINI照片打印機確實是一臺無法繞過的優質之選。

榮耀MINI照片打印機已于12月27日20:00開售，12月27日-1月1日下單立減50元，榮耀親選，華為商城、天貓榮耀官方旗艦店、京東天貓旗艦店現已上架，喜歡的同學猛戳鏈接下手吧~

https://m.vmall.com/product/10086504520076.html#10086476641219