搜索到
1061
篇与
的结果
-
百度熊掌号是否关闭了？实则不然 1、什么是百度熊掌号？百度熊掌号介绍：熊掌号为百度搜索新产品，就是互联网上所有资源方或商家在百度熊掌号平台上申请的帐号，通过熊掌号，任何人都可以让自己创作的内容或服务被百度检索和推荐，从而更好的触达全网用户。熊掌号同时能帮助互联网上所有内容和服务合作伙伴实现基于内容分发和粉丝留存场景下的互动营销方式。百度熊掌号是站长、自媒体、商家入驻百度的身份账号，该账号可实现百度搜索资源服务平台、百度数据开放平台、百度百家号自媒体平台、百度用户运营平台等各类平台的一站式互通。然而熊掌号一开始受到很多人追捧，因为其收录快速。2、那熊掌号是否关闭了？2017年11月16日，百度在“新搜索—变革的力量”系列沙龙上，首次推出“熊掌号”，时隔一年，2018年11月29日网传熊掌号团队解散，2019年4月9日下午熊掌号原创保护入口出现（尊敬的合作伙伴，遗憾地通知您原创保护功能将于2019年4月29日前关闭。3、百度实则未关闭？打开熊掌号官网：https://xiongzhang.baidu.com/笔者登录了熊掌号官网，依稀可以看到百度熊掌号的LOGO熊掌号ID，小程序平台，以及百家号平台。还是可以进入认证中心的。4、熊掌号转移到百度资源平台了么？百度搜索资源平台：https://ziyuan.baidu.com/笔者登录个人账号之后发现了菜单选项有个快速收录，笔者试着提交网站url，发现一天内就收录了网页，可以看到数据反馈，每天提交原创的文章数据当天就收录，这对于SEO还是不错的，收录速度很快。综上，可以看到百度熊掌号表面上似乎关闭了，实则还是保留在老用户的权限的，只是集合到百度搜索资源平台下的快速收录了，我们可以看到，如果之前注册过熊掌号ID的，在搜索资源下会有快速收录权限，否则是没有的。百度的每一款产品都有其存在的意义，百度熊掌号ID给SEO站长带来的快速收录。“商人逐利，无可厚“，不管百度做什么，推出什么产品，其目的都是为了流量搜刮和金钱利益，作为一个才疏学浅的人，我始终不明白”熊掌号“的赢利点在何处，熊掌号的优先收录排序让大多数搜索结果优先于百度知道，百度贴吧之上，个人站长和企业在一定程度上瓜分了百度自家产品的流量，使百度从流量和利益上分不到半点好处，在没有流量和金钱的驱使下，百度解散关闭熊掌号也就无可厚非了。 -
解决iOS端微信H5网页不自动播放音乐问题 iso端不自动播放音乐是个问题，我们可以通过微信的jssdk来解决<?php header("Access-Control-Allow-Origin:*"); $appid = "appid"; $secret = "secret"; // 步骤1.生成签名的随机串 function nonceStr($length){ $str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJK1NGJBQRSTUVWXYZ';//随即串，62个字符 $strlen = 62; while($length > $strlen){ $str .= $str; $strlen += 62; } $str = str_shuffle($str); return substr($str,0,$length); } // 步骤2.获取access_token $result = http_get('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$appid.'&secret='.$secret); $json = json_decode($result,true); $access_token = $json['access_token']; function http_get($url){ $oCurl = curl_init(); if(stripos($url,"https://")!==FALSE){ curl_setopt($oCurl, CURLOPT_SSL_VERIFYPEER, FALSE); curl_setopt($oCurl, CURLOPT_SSL_VERIFYHOST, FALSE); curl_setopt($oCurl, CURLOPT_SSLVERSION, 1); //CURL_SSLVERSION_TLSv1 } curl_setopt($oCurl, CURLOPT_URL, $url); curl_setopt($oCurl, CURLOPT_RETURNTRANSFER, 1 ); $sContent = curl_exec($oCurl); $aStatus = curl_getinfo($oCurl); curl_close($oCurl); if(intval($aStatus["http_code"])==200){ return $sContent; }else{ return false; } } // 步骤3.获取ticket $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$access_token"; $res = json_decode ( http_get ( $url ) ); $ticket = $res->ticket; // 步骤4.生成wx.config需要的参数 $surl = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; $ws = getWxConfig( $ticket,$surl,time(),nonceStr(16) ); function getWxConfig($jsapiTicket,$url,$timestamp,$nonceStr) { $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url"; $signature = sha1 ( $string ); $WxConfig["appId"] = $appid; $WxConfig["nonceStr"] = $nonceStr; $WxConfig["timestamp"] = $timestamp; $WxConfig["url"] = $url; $WxConfig["signature"] = $signature; $WxConfig["rawString"] = $string; return $WxConfig; } ?> <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> </head> <script> <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> // 配置接口成功 wx.config({ appId: '<?php echo $appid; ?>', timestamp: '<?php echo $ws["timestamp"]; ?>', nonceStr: '<?php echo $ws["nonceStr"]; ?>', signature: '<?php echo $ws["signature"]; ?>', jsApiList: [ // 必填，需要使用的JS接口列表 'playVoice', // 播放录音的接口 ] }); wx.ready(function() { document.getElementById('music1').play(); $('#music1').on('ended',function(){ document.getElementById('music1').play(); }) }); </script> </body> </html>
-
HTML动画，花飘动效果 html代码<div id="banner"> <img src="https://www.tpxhm.com/fdetail/images/2018/fiveActive/banner_01.jpg" alt=""> <a href="javascript:void(0)" onclick="openS();return false;" class="btn"> <img src="https://www.tpxhm.com/fdetail/images/2018/fiveActive/btn1_03.png" alt=""> </a> <div class="hua hua1"><img src="https://www.tpxhm.com/fdetail/images/2018/fiveActive/hua1.png" alt=""></div> <div class="hua hua2"><img src="https://www.tpxhm.com/fdetail/images/2018/fiveActive/hua2.png" alt=""></div> <div class="hua hua3"><img src="https://www.tpxhm.com/fdetail/images/2018/fiveActive/hua4.png" alt=""></div> </div>css代码：/*banner*/ #banner { width: 100%; position: relative; overflow: hidden; } #banner > img { width: 100%; min-height: 340px; } #banner .btn{ width:21%; position: absolute; left:39.5%; bottom:-10%; z-index:3; } .hua{ position: absolute; } .hua1{ width:5%; animation: dong1 6s linear infinite ; -webkit-animation:dong1 6s linear infinite ; -o-animation:dong1 6s linear infinite ; -moz-animation:dong1 6s linear infinite ; } .hua2{ width:3%; animation: dong2 7s linear infinite ; -webkit-animation:dong2 7s linear infinite ; -o-animation:dong2 7s linear infinite ; -moz-animation:dong2 7s linear infinite ; } .hua3{ width:6%; animation: dong3 8s linear infinite ; -webkit-animation:dong3 8s linear infinite ; -o-animation:dong3 8s linear infinite ; -moz-animation:dong3 8s linear infinite ; } /*动画一*/ @keyframes dong1{ 0% {left: 83%;top: 0;} 20% {left: 70%;top: 11%;} 40% {left: 54%;top: 25%;} 60% {left: 37%;top: 36%;} 80% {left: 16%;top: 46%;} 100% {left: -10%;top: 54%;} } @-webkit-keyframes dong1{ 0% {left: 83%;top: 0;} 20% {left: 70%;top: 11%;} 40% {left: 54%;top: 25%;} 60% {left: 37%;top: 36%;} 80% {left: 16%;top: 46%;} 100% {left: -10%;top: 54%;} } @-moz-keyframes dong1{ 0% {left: 83%;top: 0;} 20% {left: 70%;top: 11%;} 40% {left: 54%;top: 25%;} 60% {left: 37%;top: 36%;} 80% {left: 16%;top: 46%;} 100% {left: -10%;top: 54%;} } @-o-keyframes dong1{ 0% {left: 83%;top: 0;} 20% {left: 70%;top: 11%;} 40% {left: 54%;top: 25%;} 60% {left: 37%;top: 36%;} 80% {left: 16%;top: 46%;} 100% {left: -10%;top: 54%;} } /*动画二*/ @keyframes dong2{ 0% {left: 98%;top: 23%;} 10% {left: 92%;top: 33%;} 20% {left: 85%;top: 42%;} 30% {left: 76.5%;top: 50%;} 40% {left: 68%;top: 58%;} 50% {left: 59%;top: 67%;} 60% {left: 48%;top: 74.6%;} 70% {left: 37%;top: 83%;} 80% {left: 24%;top: 88%;} 90% {left: 12%;top: 94%;} 100% {left: -5%;top: 98%;} } @-webkit-keyframes dong2{ 0% {left: 98%;top: 23%;} 10% {left: 92%;top: 33%;} 20% {left: 85%;top: 42%;} 30% {left: 76.5%;top: 50%;} 40% {left: 68%;top: 58%;} 50% {left: 59%;top: 67%;} 60% {left: 48%;top: 74.6%;} 70% {left: 37%;top: 83%;} 80% {left: 24%;top: 88%;} 90% {left: 12%;top: 94%;} 100% {left: -5%;top: 98%;} } @-moz-keyframes dong2{ 0% {left: 98%;top: 23%;} 10% {left: 92%;top: 33%;} 20% {left: 85%;top: 42%;} 30% {left: 76.5%;top: 50%;} 40% {left: 68%;top: 58%;} 50% {left: 59%;top: 67%;} 60% {left: 48%;top: 74.6%;} 70% {left: 37%;top: 83%;} 80% {left: 24%;top: 88%;} 90% {left: 12%;top: 94%;} 100% {left: -5%;top: 98%;} } @-o-keyframes dong2{ 0% {left: 98%;top: 23%;} 10% {left: 92%;top: 33%;} 20% {left: 85%;top: 42%;} 30% {left: 76.5%;top: 50%;} 40% {left: 68%;top: 58%;} 50% {left: 59%;top: 67%;} 60% {left: 48%;top: 74.6%;} 70% {left: 37%;top: 83%;} 80% {left: 24%;top: 88%;} 90% {left: 12%;top: 94%;} 100% {left: -5%;top: 98%;} } /*动画三*/ @keyframes dong3{ 0% {left: 39%;top: 75.8%;} 50% {left: 18%;top: 86.5%;} 100% {left: -10%;top: 96%;} } @-webkit-keyframes dong3{ 0% {left: 39%;top: 75.8%;} 50% {left: 18%;top: 86.5%;} 100% {left: -10%;top: 96%;} } @-moz-keyframes dong3{ 0% {left: 39%;top: 75.8%;} 50% {left: 18%;top: 86.5%;} 100% {left: -10%;top: 96%;} } @-o-keyframes dong3{ 0% {left: 39%;top: 75.8%;} 50% {left: 18%;top: 86.5%;} 100% {left: -10%;top: 96%;} }
-
css3实现舞台灯管效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="head pr"> <a href="https://www.tpxhm.com/fdetail/44.html" target="_blank"> <img src="https://www.tpxhm.com/fdetail/images/banner_01.jpg" alt=""> <i class="hoverlight"></i> <i class="hoverlight1"></i> </a> </div> <style>.pr{ position: relative} .banner{ background: #170f1c; overflow: hidden} .banner img{ width: 100%} .banner ul{ position: absolute; right:50%; top:50%; margin-right: -32%; margin-top:10%; width:30%; color: #fff; text-align: center } .banner ul li{ width: 20%; display: inline-block; margin-right: 3%; line-height: 30px; font-size: 18px} .banner ul li:nth-child(1) img{ animation:rollIn 1s; -webkit-animation: rollIn 1s } .banner ul li:nth-child(2) img{ animation:rollIn 2s; -webkit-animation: rollIn 1.4s } .banner ul li:nth-child(3) img{ animation:rollIn 3s; -webkit-animation: rollIn 1.8s } .banner ul li:nth-child(4) img{ animation:rollIn 3s; -webkit-animation: rollIn 2.2s } .hoverlight { cursor: pointer; position: absolute; left: 0px; bottom: -10%; width: 20%; height: 200%; background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); animation: light_move 5s 2s infinite linear; -webkit-animation: light_move 4.5s 2s infinite linear; transform-origin:0 bottom; -webkit-transform-origin:0 bottom; }.hoverlight1 { cursor: pointer; position: absolute; left: 90%; bottom: -30%; width: 10%; height: 200%; background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0)); animation: light_move1 5s 4s infinite linear; -webkit-animation: light_move1 4.5s 2s infinite linear; transform-origin:0 bottom; -webkit-transform-origin:0 bottom; } @keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}} @keyframes rollIn{0%{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(-120deg)}} @keyframes rotate{ 0%{ -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);} 50%{ -webkit-transform: rotate(360deg);-moz-transform: rotate(90deg);transform: rotate(360deg);} 100%{ -webkit-transform: rotate(0deg);-moz-transform: rotate(90deg);transform: rotate(0deg);} } @keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.move{ -webkit-animation: movement 3s linear normal both infinite; -o-animation: movement 3s linear normal both infinite; animation: movement 3s linear normal both infinite; } .move1{ -webkit-animation: movement1 3s linear normal both infinite; -o-animation: movement1 3s linear normal both infinite; animation: movement1 3s linear normal both infinite; } .move2{ -webkit-animation: movement2 3s linear normal both infinite; -o-animation: movement2 3s linear normal both infinite; animation: movement2 3s linear normal both infinite; } .move3{ -webkit-animation: movement3 3s linear normal both infinite; -o-animation: movement3 3s linear normal both infinite; animation: movement3 3s linear normal both infinite; }@keyframes movement { 0% { -webkit-transform: translate(0px,-3px); transform: translate(0px,-3px); } 25% { -webkit-transform: translate(3px,6px); transform: translate(3px,6px); } 50% { -webkit-transform: translate(6px,10px); transform: translate(6px,10px); } 75% { -webkit-transform: translate(8px,0px); transform: translate(8px,0px); } 100% { -webkit-transform: translate(0px,-3px); transform: translate(0px,-3px); } } @-webkit-keyframes movement { 0% { -webkit-transform: translate(0px,-3px); transform: translate(0px,-3px); } 25% { -webkit-transform: translate(3px,6px); transform: translate(3px,6px); } 50% { -webkit-transform: translate(6px,10px); transform: translate(6px,10px); } 75% { -webkit-transform: translate(8px,0px); transform: translate(8px,0px); } 100% { -webkit-transform: translate(0px,-3px); transform: translate(0px,-3px); } } @keyframes movement1 { 0% { -webkit-transform: translate(6px,-3px); transform: translate(6px,-3px); } 25% { -webkit-transform: translate(3px,6px); transform: translate(3px,6px); } 50% { -webkit-transform: translate(-6px,-10px); transform: translate(-6px,-10px); } 75% { -webkit-transform: translate(8px,0px); transform: translate(8px,0px); } 100% { -webkit-transform: translate(6px,-3px); transform: translate(6px,-3px); } } @-webkit-keyframes movement1 { 0% { -webkit-transform: translate(6px,-3px); transform: translate(6px,-3px); } 25% { -webkit-transform: translate(3px,6px); transform: translate(3px,6px); } 50% { -webkit-transform: translate(-6px,-10px); transform: translate(-6px,-10px); } 75% { -webkit-transform: translate(8px,0px); transform: translate(8px,0px); } 100% { -webkit-transform: translate(6px,-3px); transform: translate(6px,-3px); } } @keyframes movement2 { 0% { -webkit-transform: translate(10px,3px); transform: translate(10px,3px); } 25% { -webkit-transform: translate(3px,6px); transform: translate(3px,6px); } 50% { -webkit-transform: translate(6px,-3px); transform: translate(6px,-3px); } 75% { -webkit-transform: translate(-8px,0px); transform: translate(-8px,0px); } 100% { -webkit-transform: translate(10px,3px); transform: translate(10px,3px); } } @-webkit-keyframes movement2 { 0% { -webkit-transform: translate(10px,3px); transform: translate(10px,3px); } 25% { -webkit-transform: translate(3px,6px); transform: translate(3px,6px); } 50% { -webkit-transform: translate(6px,-3px); transform: translate(6px,-3px); } 75% { -webkit-transform: translate(-8px,0px); transform: translate(-8px,0px); } 100% { -webkit-transform: translate(10px,3px); transform: translate(10px,3px); } }@keyframes movement3 { 0% { -webkit-transform: translate(-10px,3px); transform: translate(-10px,3px); } 25% { -webkit-transform: translate(-4px,6px); transform: translate(-4px,6px); } 50% { -webkit-transform: translate(2px,8px); transform: translate(2px,8px); } 75% { -webkit-transform: translate(-8px,0px); transform: translate(-8px,0px); } 100% { -webkit-transform: translate(-10px,3px); transform: translate(-10px,3px); } } @-webkit-keyframes movement3 { 0% { -webkit-transform: translate(-10px,3px); transform: translate(-10px,3px); } 25% { -webkit-transform: translate(-4px,6px); transform: translate(-4px,6px); } 50% { -webkit-transform: translate(2px,8px); transform: translate(2px,8px); } 75% { -webkit-transform: translate(-8px,0px); transform: translate(-8px,0px); } 100% { -webkit-transform: translate(-10px,3px); transform: translate(-10px,3px); } } @keyframes light_move { 0% {transform:rotate(0deg); opacity: 0} 30%{transform:rotate(40deg); opacity: 1} 75%{transform:rotate(90deg);} 100%{transform:rotate(0deg);} }@-webkit-keyframes light_move { 0% {-webkit-transform:rotate(0deg);opacity: 0} 30%{-webkit-transform:rotate(40deg);opacity: 1} 75%{-webkit-transform:rotate(90deg);} 100%{-webkit-transform:rotate(0deg);} }@keyframes light_move1 { 0% {transform:rotate(0deg);opacity: 0} 30%{transform:rotate(-40deg);opacity: 1} 75%{transform:rotate(-90deg);} 100%{transform:rotate(0deg);} }@-webkit-keyframes light_move1 { 0% {-webkit-transform:rotate(0deg);opacity: 0} 30%{-webkit-transform:rotate(-40deg);opacity: 1} 75%{-webkit-transform:rotate(-90deg);} 100%{-webkit-transform:rotate(0deg);} } </style> </body> </html>
-
