
要预先制作一个图标文件,大小为16*16像素。文件扩展名�¸.icoï¼ç¶åä¸ä¼ å°ç¸åºç®å½ä¸ã
卿ºæä»¶â<head></head>âä¹é´æ·»å å¦ä¸ä»£ç ï¼
<Link Rel=\"ICON NAME\" href=\"http://å¾ççå°åï¼æ³¨æä¸åæçç®å½å¯¹åºï¼\">
æ¶è夹ï¼
favicon.ico
ä½ é便ç¨ä¸ç§ç»è±¡ç´ çå·¥å ·ï¼ç»ä¸ä¸ªå¾æ ï¼ç¶åèµ·æè¿ä¸ªååï¼ä¸ä¼ å°ä½ ææç½é¡µæä»¶çé£ä¸ªæä»¶å¤¹éå°±è¡äºã
ä¸è¬é½ä¼èªå¨æ¾è¿ä¸ªfavicon.icoçæä»¶ï¼åªè¦æï¼å°±ä¼æ¾ç¤ºã
并䏿¯æ ¹ç®å½ä¸
å°åæ çæ¹æ³ï¼
åªæ¯å¨ç½é¡µä¸å¤å å ¥ä¸é¢ä¸æ¡ä»£ç å°±è¡äºã
<link rel=âshortcut iconâ href=âsample.pngâ type=âimage/x-iconâ />
妿æå¤´æ²¡æåéçå·¥å ·å¶ä½å¾çï¼ä¹å¯ä»¥éæ©ä¸ä¸ªèªå·±å欢çå¾çï¼ç¶åå°è¿ä¸ªç½ç«å»èªå¨çæä¸ä¸ªã
Faviconï¼å³Favorites Iconç缩åï¼é¡¾åæä¹ï¼ä¾¿æ¯å ¶å¯ä»¥è®©æµè§å¨çæ¶è夹ä¸é¤æ¾ç¤ºç¸åºçæ é¢å¤ï¼è¿ä»¥å¾æ çæ¹å¼åºå«ä¸åçç½ç«
1、新建一个HTML文件,保存为test.html,用于编写代码实现拖放功能 。
2、在test.html添加一个div标签,并且给它一个id,用于下面编写样式。
3、通过div的id , 给div定义CSS样式,例如,把div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。
4、在div的下面定义一张被拖放图片,并设置该图片的属性为允许被拖放。
5、在被拖放的图片上加上一个ondragstart事件,即图片被拖动时触发这个事件。再给事件一个函数,用于拖动图片时,把图片保存在一个变量中。
6、运行代码,在浏览器中查看结果:至此,完成了使用JS实现拖放图片到div中的功能。
imgArr.map(imglink =>{const atags = document.createElement('a')
const imgtags = document.createElement('img')
imgtags.src = imglink.path
atags.href = imglink.path
atags.appendChild(imgtags)
})
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)