模板的主要css文件，放到css的最后面即可，一般为style.css但也有不一样的，但是只要放到主要的就行代码：加入以下代码即可！img:hover { -webkit-animation:sucaijiayuan 1s .1s ease both; -moz-animation:tada 1s .1s ease both; } @-webkit-keyframes sucaijiayuan { 0% { -webkit-transform:scale(1) } 10%, 20% { -webkit-transform:scale(0.8) rotate(-2deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale(1.1) rotate(2deg) } 40%, 60%, 80% { -webkit-transform:scale(1.1) rotate(-2deg) } 100% { -webkit-transform:scale(1) rotate(0) }

CSS代码<style> .manualItem { text-align: left; max-height:0; overflow:hidden; transition:max-height .3s; } :checked ~ .manualItem { max-height:666px; } input[type="checkbox"] { position:fixed; clip:rect(0 0 0 0); } :checked ~ .check-in { display:none; } :checked ~ .check-out { display:inline-block; } .check-out { display:none; } .check-in,.check-out { color: #34538b; cursor:pointer; } </style>html DIV<div class="manualContent"> <input id="check" type="checkbox"> <h4> 内容标题</h4> <p> 内容简要</p> <div class="manualItem"> 详情描述 - 点击后展开后的内容 </div> <label for="check" class="check-in"><span><< 展开 >></span></label> <label for="check" class="check-out"><span><< 收起 >></span></label> </div>

php curl简单图片生成base64编码使用方法：创建index.php 文件复制下面代码保存即可<?php $url=$_GET['url']; function curl_url($url,$type=0,$timeout=30){ $msg = ['code'=>2100,'status'=>'error','msg'=>'未知错误！']; $imgs= ['image/jpeg'=>'jpeg', 'image/jpg'=>'jpg', 'image/gif'=>'gif', 'image/png'=>'png', 'text/html'=>'html', 'text/plain'=>'txt', 'image/pjpeg'=>'jpg', 'image/x-png'=>'png', 'image/x-icon'=>'ico' ]; if(!stristr($url,'http')){ $msg['code']= 2101; $msg['msg'] = 'url地址不正确!'; return $msg; } $dir= pathinfo($url); $host = $dir['dirname']; $refer= $host.'/'; $ch = curl_init($url); curl_setopt ($ch, CURLOPT_REFERER, $refer); //伪造来源地址 curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);//返回变量内容还是直接输出字符串,0输出,1返回内容 curl_setopt($ch, CURLOPT_BINARYTRANSFER, 1);//在启用CURLOPT_RETURNTRANSFER的时候，返回原生的（Raw）输出 curl_setopt($ch, CURLOPT_HEADER, 0); //是否输出HEADER头信息 0否1是 curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout); //超时时间 $data = curl_exec($ch); $info = curl_getinfo($ch); curl_close($ch); $httpCode = intval($info['http_code']); $httpContentType = $info['content_type']; $httpSizeDownload= intval($info['size_download']); if($httpCode!='200'){ $msg['code']= 2102; $msg['msg'] = 'url返回内容不正确！'; return $msg; } if($type>0 && !isset($imgs[$httpContentType])){ $msg['code']= 2103; $msg['msg'] = 'url资源类型未知！'; return $msg; } if($httpSizeDownload<1){ $msg['code']= 2104; $msg['msg'] = '内容大小不正确！'; return $msg; } $msg['code'] = 200; $msg['status']='success'; $msg['msg'] = '资源获取成功'; if($type==0 or $httpContentType=='text/html') $msg['data'] = $data; $base_64 = base64_encode($data); if($type==1) $msg['data'] = $base_64; elseif($type==2) $msg['data'] = "data:{$httpContentType};base64,{$base_64}"; elseif($type==3) $msg['data'] = "<img src='data:{$httpContentType};base64,{$base_64}' />"; else $msg['msg'] = '未知返回需求！'; unset($info,$data,$base_64); return $msg; } $msg = curl_url($url,3); if($msg['status']=='success') echo $msg['data']; die; ?>调用方法：http://4dn.net/index.php?url=图片地址