如何創建動畫圖像的下載鏈接

最近我用SPAN ans Marquee標籤在html中創建了動畫圖像。現在我想爲這些圖像創建下載鏈接，但我不知道如何做到這一點？請誰能幫我...如何創建動畫圖像的下載鏈接

<html> 
 
    <head> 
 
    <title> Marquee </title> 
 
    <link href="style.css" rel="stylesheet" type="text/css" /> 
 
    </head> 
 
    
 
<body> 
 

 
<div id="figure"> 
 
    <img src="a.jpg" name="images"/> 
 
    <div class="figcaption"> 
 
    <span> 
 
    <h2> Believe In Your Self!!!</h2> 
 
     <span class='spacer'></span> 
 
     <br /> 
 
     <span class='spacer' align='right'></span> 
 
     <h3><marquee>By: Ajay Rathod</marquee></h3> 
 
    </span> 
 
    </div> 
 
</div> 
 
</body> 
 
</html>

h3 
{ 
    font-family: 'Montserrat', sans-serif; 
    font-weight: 700; 
    color: white; 
    background: black; /* fallback */ 
    background: rgba(0, 0, 0, 0.7); 
    padding: .5em; 
} 
#figure { 
    position: relative; 
} 
#figure img { 
    display: block; /* removes trailing whitespace */ 
    outline: solid #000 1px; 
    width:100%; 
} 
.figcaption { 
    position: absolute; 
    bottom: 10%; 
    width: 501px; 
    margin: 0; 
    font-size: 1.5rem; 
    font-weight: bold; 
    line-height: 200%; 
    text-transform: capitalize; 
    } 
.figcaption span h2{ 
    color: white; 
    background: black; /* fallback */ 
    background: rgba(0, 0, 0, 0.7); 
    padding: .5em; 

    &.spacer { 
     padding: 0 5px; 
     background: transparent; 

    &::before { content: " "; } 
     } 
.figcaption span h3{ 
    color: white; 
    background: black; /* fallback */ 
    background: rgba(0, 0, 0, 0.7); 
    padding: .5em; 

    &.spacer { 
     padding: 0 5px; 
     background: transparent; 

    &::before { content: " "; } 

    }

來源

2017-04-11 Rathod Ajay

您實際上可以使用它們來製作大量的jquery插件 –

你可以這樣做

<a download="name.jpg" href="Image-Path" title="Image-Name"> 
<img src="a.jpg" name="images"/> 
</a>

請參閱本link作出任何圖像下載鏈接用於瀏覽器兼容性

來源

2017-04-11 08:07:00

如何創建動畫圖像的下載鏈接

回答

相關問題