PHP汉字转拼音Class类

Zero零分 代码 5,065 0 7年前

其实,百度下PHP汉字转拼音有很多代码,找了一个Class类,可能是较早的,目前只发现,囧,这个字转不出来

pinyin.class.php 代码:点击下载查看演示

  1. <?php   
  2. /*
  3. 汉字转化为拼音类  
  4.  */  
  5. class Pinyin{   
  6.         
  7.     /**
  8.      * 汉字ASCII码库  
  9.      *   
  10.      * @var array  
  11.      */  
  12.     protected $lib;   
  13.         
  14.         
  15.     /**
  16.      * 构造函数  
  17.      *   
  18.      * @return void  
  19.      */  
  20.     public function __construct(){   
  21.             
  22.     }   
  23.     /**
  24.      * 汉字转化并输出拼音  
  25.      *   
  26.      * @param string $str       所要转化拼音的汉字  
  27.      * @param boolean $utf8     汉字编码是否为utf8  
  28.      * @return string  
  29.      */  
  30.     public function output($str$utf8 = true)   
  31.     {          
  32.         //参数分析   
  33.         if (!$str) {   
  34.             return false;   
  35.         }   
  36.             
  37.         //编码转换.   
  38.         $str = ($utf8==true) ? $this->iconvStr(‘utf-8’, ‘gbk’, $str) : $str;   
  39.         $num = strlen($str);   
  40.             
  41.         $pinyin = ;   
  42.         for ($i=0; $i<$num$i++) {   
  43.             $temp = ord(substr($str$i, 1));   
  44.             if ($temp>160) {                
  45.                 $temp2=ord(substr($str,++$i,1));   
  46.                 $temp=$temp*256+$temp2-65536;   
  47.             }   
  48.             $pinyin .= $this->num2str($temp);   
  49.         }   
  50.                     
  51.         //输出的拼音编码转换.   
  52.         return ($utf8==true) ? $this->iconvStr(‘gbk’, ‘utf-8’, $pinyin) : $pinyin;   
  53.     }   
  54.     /**
  55.      * 将ASCII编码转化为字符串.  
  56.      *   
  57.      * @param integer $num  
  58.      * @return string  
  59.      */  
  60.     protected function num2str($num) {         
  61.             
  62.         if (!$this->lib) {              
  63.             $this->parse_lib();   
  64.         }   
  65.                     
  66.         if ($num>0&&$num<160) {      
  67.                 
  68.             return chr($num);   
  69.         } elseif($num<-20319||$num>-10247) {   
  70.                 
  71.             return ;   
  72.         } else{   
  73.             $total =sizeof($this->lib)-1;   
  74.             for($i=$total$i>=0; $i–) {   
  75.                 if($this->lib[$i][1]<=$num) {                    
  76.                     break;   
  77.                 }   
  78.             }   
  79.                 
  80.             return $this->lib[$i][0];   
  81.         }   
  82.     }   
  83.     
  84.     /**
  85.      * 返回汉字编码库  
  86.      *   
  87.      * @return array  
  88.      */  
  89.     protected function parse_lib() {   
  90.             
  91.         return $this->lib = array(   
  92.             array(“a”,-20319),   
  93.             array(“ai”,-20317),   
  94.             array(“an”,-20304),   
  95.             array(“ang”,-20295),   
  96.             array(“ao”,-20292),   
  97.             array(“ba”,-20283),   
  98.             array(“bai”,-20265),   
  99.             array(“ban”,-20257),   
  100.             array(“bang”,-20242),   
  101.             array(“bao”,-20230),   
  102.             array(“bei”,-20051),   
  103.             array(“ben”,-20036),   
  104.             array(“beng”,-20032),   
  105.             array(“bi”,-20026),   
  106.             array(“bian”,-20002),   
  107.             array(“biao”,-19990),   
  108.             array(“bie”,-19986),   
  109.             array(“bin”,-19982),   
  110.             array(“bing”,-19976),   
  111.             array(“bo”,-19805),   
  112.             array(“bu”,-19784),   
  113.             array(“ca”,-19775),   
  114.             array(“cai”,-19774),   
  115.             array(“can”,-19763),   
  116.             array(“cang”,-19756),   
  117.             array(“cao”,-19751),   
  118.             array(“ce”,-19746),   
  119.             array(“ceng”,-19741),   
  120.             array(“cha”,-19739),   
  121.             array(“chai”,-19728),   
  122.             array(“chan”,-19725),   
  123.             array(“chang”,-19715),   
  124.             array(“chao”,-19540),   
  125.             array(“che”,-19531),   
  126.             array(“chen”,-19525),   
  127.             array(“cheng”,-19515),   
  128.             array(“chi”,-19500),   
  129.             array(“chong”,-19484),   
  130.             array(“chou”,-19479),   
  131.             array(“chu”,-19467),   
  132.             array(“chuai”,-19289),   
  133.             array(“chuan”,-19288),   
  134.             array(“chuang”,-19281),   
  135.             array(“chui”,-19275),   
  136.             array(“chun”,-19270),   
  137.             array(“chuo”,-19263),   
  138.             array(“ci”,-19261),   
  139.             array(“cong”,-19249),   
  140.             array(“cou”,-19243),   
  141.             array(“cu”,-19242),   
  142.             array(“cuan”,-19238),   
  143.             array(“cui”,-19235),   
  144.             array(“cun”,-19227),   
  145.             array(“cuo”,-19224),   
  146.             array(“da”,-19218),   
  147.             array(“dai”,-19212),   
  148.             array(“dan”,-19038),   
  149.             array(“dang”,-19023),   
  150.             array(“dao”,-19018),   
  151.             array(“de”,-19006),   
  152.             array(“deng”,-19003),   
  153.             array(“di”,-18996),   
  154.             array(“dian”,-18977),   
  155.             array(“diao”,-18961),   
  156.             array(“die”,-18952),   
  157.             array(“ding”,-18783),   
  158.             array(“diu”,-18774),   
  159.             array(“dong”,-18773),   
  160.             array(“dou”,-18763),   
  161.             array(“du”,-18756),   
  162.             array(“duan”,-18741),   
  163.             array(“dui”,-18735),   
  164.             array(“dun”,-18731),   
  165.             array(“duo”,-18722),   
  166.             array(“e”,-18710),   
  167.             array(“en”,-18697),   
  168.             array(“er”,-18696),   
  169.             array(“fa”,-18526),   
  170.             array(“fan”,-18518),   
  171.             array(“fang”,-18501),   
  172.             array(“fei”,-18490),   
  173.             array(“fen”,-18478),   
  174.             array(“feng”,-18463),   
  175.             array(“fo”,-18448),   
  176.             array(“fou”,-18447),   
  177.             array(“fu”,-18446),   
  178.             array(“ga”,-18239),   
  179.             array(“gai”,-18237),   
  180.             array(“gan”,-18231),   
  181.             array(“gang”,-18220),   
  182.             array(“gao”,-18211),   
  183.             array(“ge”,-18201),   
  184.             array(“gei”,-18184),   
  185.             array(“gen”,-18183),   
  186.             array(“geng”,-18181),   
  187.             array(“gong”,-18012),   
  188.             array(“gou”,-17997),   
  189.             array(“gu”,-17988),   
  190.             array(“gua”,-17970),   
  191.             array(“guai”,-17964),   
  192.             array(“guan”,-17961),   
  193.             array(“guang”,-17950),   
  194.             array(“gui”,-17947),   
  195.             array(“gun”,-17931),   
  196.             array(“guo”,-17928),   
  197.             array(“ha”,-17922),   
  198.             array(“hai”,-17759),   
  199.             array(“han”,-17752),   
  200.             array(“hang”,-17733),   
  201.             array(“hao”,-17730),   
  202.             array(“he”,-17721),   
  203.             array(“hei”,-17703),   
  204.             array(“hen”,-17701),   
  205.             array(“heng”,-17697),   
  206.             array(“hong”,-17692),   
  207.             array(“hou”,-17683),   
  208.             array(“hu”,-17676),   
  209.             array(“hua”,-17496),   
  210.             array(“huai”,-17487),   
  211.             array(“huan”,-17482),   
  212.             array(“huang”,-17468),   
  213.             array(“hui”,-17454),   
  214.             array(“hun”,-17433),   
  215.             array(“huo”,-17427),   
  216.             array(“ji”,-17417),   
  217.             array(“jia”,-17202),   
  218.             array(“jian”,-17185),   
  219.             array(“jiang”,-16983),   
  220.             array(“jiao”,-16970),   
  221.             array(“jie”,-16942),   
  222.             array(“jin”,-16915),   
  223.             array(“jing”,-16733),   
  224.             array(“jiong”,-16708),   
  225.             array(“jiu”,-16706),   
  226.             array(“ju”,-16689),   
  227.             array(“juan”,-16664),   
  228.             array(“jue”,-16657),   
  229.             array(“jun”,-16647),   
  230.             array(“ka”,-16474),   
  231.             array(“kai”,-16470),   
  232.             array(“kan”,-16465),   
  233.             array(“kang”,-16459),   
  234.             array(“kao”,-16452),   
  235.             array(“ke”,-16448),   
  236.             array(“ken”,-16433),   
  237.             array(“keng”,-16429),   
  238.             array(“kong”,-16427),   
  239.             array(“kou”,-16423),   
  240.             array(“ku”,-16419),   
  241.             array(“kua”,-16412),   
  242.             array(“kuai”,-16407),   
  243.             array(“kuan”,-16403),   
  244.             array(“kuang”,-16401),   
  245.             array(“kui”,-16393),   
  246.             array(“kun”,-16220),   
  247.             array(“kuo”,-16216),   
  248.             array(“la”,-16212),   
  249.             array(“lai”,-16205),   
  250.             array(“lan”,-16202),   
  251.             array(“lang”,-16187),   
  252.             array(“lao”,-16180),   
  253.             array(“le”,-16171),   
  254.             array(“lei”,-16169),   
  255.             array(“leng”,-16158),   
  256.             array(“li”,-16155),   
  257.             array(“lia”,-15959),   
  258.             array(“lian”,-15958),   
  259.             array(“liang”,-15944),   
  260.             array(“liao”,-15933),   
  261.             array(“lie”,-15920),   
  262.             array(“lin”,-15915),   
  263.             array(“ling”,-15903),   
  264.             array(“liu”,-15889),   
  265.             array(“long”,-15878),   
  266.             array(“lou”,-15707),   
  267.             array(“lu”,-15701),   
  268.             array(“lv”,-15681),   
  269.             array(“luan”,-15667),   
  270.             array(“lue”,-15661),   
  271.             array(“lun”,-15659),   
  272.             array(“luo”,-15652),   
  273.             array(“ma”,-15640),   
  274.             array(“mai”,-15631),   
  275.             array(“man”,-15625),   
  276.             array(“mang”,-15454),   
  277.             array(“mao”,-15448),   
  278.             array(“me”,-15436),   
  279.             array(“mei”,-15435),   
  280.             array(“men”,-15419),   
  281.             array(“meng”,-15416),   
  282.             array(“mi”,-15408),   
  283.             array(“mian”,-15394),   
  284.             array(“miao”,-15385),   
  285.             array(“mie”,-15377),   
  286.             array(“min”,-15375),   
  287.             array(“ming”,-15369),   
  288.             array(“miu”,-15363),   
  289.             array(“mo”,-15362),   
  290.             array(“mou”,-15183),   
  291.             array(“mu”,-15180),   
  292.             array(“na”,-15165),   
  293.             array(“nai”,-15158),   
  294.             array(“nan”,-15153),   
  295.             array(“nang”,-15150),   
  296.             array(“nao”,-15149),   
  297.             array(“ne”,-15144),   
  298.             array(“nei”,-15143),   
  299.             array(“nen”,-15141),   
  300.             array(“neng”,-15140),   
  301.             array(“ni”,-15139),   
  302.             array(“nian”,-15128),   
  303.             array(“niang”,-15121),   
  304.             array(“niao”,-15119),   
  305.             array(“nie”,-15117),   
  306.             array(“nin”,-15110),   
  307.             array(“ning”,-15109),   
  308.             array(“niu”,-14941),   
  309.             array(“nong”,-14937),   
  310.             array(“nu”,-14933),   
  311.             array(“nv”,-14930),   
  312.             array(“nuan”,-14929),   
  313.             array(“nue”,-14928),   
  314.             array(“nuo”,-14926),   
  315.             array(“o”,-14922),   
  316.             array(“ou”,-14921),   
  317.             array(“pa”,-14914),   
  318.             array(“pai”,-14908),   
  319.             array(“pan”,-14902),   
  320.             array(“pang”,-14894),   
  321.             array(“pao”,-14889),   
  322.             array(“pei”,-14882),   
  323.             array(“pen”,-14873),   
  324.             array(“peng”,-14871),   
  325.             array(“pi”,-14857),   
  326.             array(“pian”,-14678),   
  327.             array(“piao”,-14674),   
  328.             array(“pie”,-14670),   
  329.             array(“pin”,-14668),   
  330.             array(“ping”,-14663),   
  331.             array(“po”,-14654),   
  332.             array(“pu”,-14645),   
  333.             array(“qi”,-14630),   
  334.             array(“qia”,-14594),   
  335.             array(“qian”,-14429),   
  336.             array(“qiang”,-14407),   
  337.             array(“qiao”,-14399),   
  338.             array(“qie”,-14384),   
  339.             array(“qin”,-14379),   
  340.             array(“qing”,-14368),   
  341.             array(“qiong”,-14355),   
  342.             array(“qiu”,-14353),   
  343.             array(“qu”,-14345),   
  344.             array(“quan”,-14170),   
  345.             array(“que”,-14159),   
  346.             array(“qun”,-14151),   
  347.             array(“ran”,-14149),   
  348.             array(“rang”,-14145),   
  349.             array(“rao”,-14140),   
  350.             array(“re”,-14137),   
  351.             array(“ren”,-14135),   
  352.             array(“reng”,-14125),   
  353.             array(“ri”,-14123),   
  354.             array(“rong”,-14122),   
  355.             array(“rou”,-14112),   
  356.             array(“ru”,-14109),   
  357.             array(“ruan”,-14099),   
  358.             array(“rui”,-14097),   
  359.             array(“run”,-14094),   
  360.             array(“ruo”,-14092),   
  361.             array(“sa”,-14090),   
  362.             array(“sai”,-14087),   
  363.             array(“san”,-14083),   
  364.             array(“sang”,-13917),   
  365.             array(“sao”,-13914),   
  366.             array(“se”,-13910),   
  367.             array(“sen”,-13907),   
  368.             array(“seng”,-13906),   
  369.             array(“sha”,-13905),   
  370.             array(“shai”,-13896),   
  371.             array(“shan”,-13894),   
  372.             array(“shang”,-13878),   
  373.             array(“shao”,-13870),   
  374.             array(“she”,-13859),   
  375.             array(“shen”,-13847),   
  376.             array(“sheng”,-13831),   
  377.             array(“shi”,-13658),   
  378.             array(“shou”,-13611),   
  379.             array(“shu”,-13601),   
  380.             array(“shua”,-13406),   
  381.             array(“shuai”,-13404),   
  382.             array(“shuan”,-13400),   
  383.             array(“shuang”,-13398),   
  384.             array(“shui”,-13395),   
  385.             array(“shun”,-13391),   
  386.             array(“shuo”,-13387),   
  387.             array(“si”,-13383),   
  388.             array(“song”,-13367),   
  389.             array(“sou”,-13359),   
  390.             array(“su”,-13356),   
  391.             array(“suan”,-13343),   
  392.             array(“sui”,-13340),   
  393.             array(“sun”,-13329),   
  394.             array(“suo”,-13326),   
  395.             array(“ta”,-13318),   
  396.             array(“tai”,-13147),   
  397.             array(“tan”,-13138),   
  398.             array(“tang”,-13120),   
  399.             array(“tao”,-13107),   
  400.             array(“te”,-13096),   
  401.             array(“teng”,-13095),   
  402.             array(“ti”,-13091),   
  403.             array(“tian”,-13076),   
  404.             array(“tiao”,-13068),   
  405.             array(“tie”,-13063),   
  406.             array(“ting”,-13060),   
  407.             array(“tong”,-12888),   
  408.             array(“tou”,-12875),   
  409.             array(“tu”,-12871),   
  410.             array(“tuan”,-12860),   
  411.             array(“tui”,-12858),   
  412.             array(“tun”,-12852),   
  413.             array(“tuo”,-12849),   
  414.             array(“wa”,-12838),   
  415.             array(“wai”,-12831),   
  416.             array(“wan”,-12829),   
  417.             array(“wang”,-12812),   
  418.             array(“wei”,-12802),   
  419.             array(“wen”,-12607),   
  420.             array(“weng”,-12597),   
  421.             array(“wo”,-12594),   
  422.             array(“wu”,-12585),   
  423.             array(“xi”,-12556),   
  424.             array(“xia”,-12359),   
  425.             array(“xian”,-12346),   
  426.             array(“xiang”,-12320),   
  427.             array(“xiao”,-12300),   
  428.             array(“xie”,-12120),   
  429.             array(“xin”,-12099),   
  430.             array(“xing”,-12089),   
  431.             array(“xiong”,-12074),   
  432.             array(“xiu”,-12067),   
  433.             array(“xu”,-12058),   
  434.             array(“xuan”,-12039),   
  435.             array(“xue”,-11867),   
  436.             array(“xun”,-11861),   
  437.             array(“ya”,-11847),   
  438.             array(“yan”,-11831),   
  439.             array(“yang”,-11798),   
  440.             array(“yao”,-11781),   
  441.             array(“ye”,-11604),   
  442.             array(“yi”,-11589),   
  443.             array(“yin”,-11536),               
  444.             array(“ying”,-11358),   
  445.             array(“yo”,-11340),    
  446.             array(“yo”,-11340),   
  447.             array(“yong”,-11339),   
  448.             array(“you”,-11324),   
  449.             array(“yu”,-11303),   
  450.             array(“yuan”,-11097),   
  451.             array(“yue”,-11077),   
  452.             array(“yun”,-11067),   
  453.             array(“za”,-11055),   
  454.             array(“zai”,-11052),   
  455.             array(“zan”,-11045),   
  456.             array(“zang”,-11041),   
  457.             array(“zao”,-11038),   
  458.             array(“ze”,-11024),   
  459.             array(“zei”,-11020),   
  460.             array(“zen”,-11019),   
  461.             array(“zeng”,-11018),   
  462.             array(“zha”,-11014),   
  463.             array(“zhai”,-10838),   
  464.             array(“zhan”,-10832),   
  465.             array(“zhang”,-10815),   
  466.             array(“zhao”,-10800),   
  467.             array(“zhe”,-10790),   
  468.             array(“zhen”,-10780),   
  469.             array(“zheng”,-10764),   
  470.             array(“zhi”,-10587),   
  471.             array(“zhong”,-10544),   
  472.             array(“zhou”,-10533),   
  473.             array(“zhu”,-10519),   
  474.             array(“zhua”,-10331),   
  475.             array(“zhuai”,-10329),   
  476.             array(“zhuan”,-10328),   
  477.             array(“zhuang”,-10322),   
  478.             array(“zhui”,-10315),   
  479.             array(“zhun”,-10309),   
  480.             array(“zhuo”,-10307),   
  481.             array(“zi”,-10296),   
  482.             array(“zong”,-10281),   
  483.             array(“zou”,-10274),   
  484.             array(“zu”,-10270),   
  485.             array(“zuan”,-10262),                                  
  486.             array(“zui”,-10260),   
  487.             array(“zun”,-10256),   
  488.             array(“zuo”,-10254),   
  489.         );   
  490.     }   
  491.         
  492.     //编码转换   
  493.     protected function iconvStr($from,$to,$fContents)   
  494.     {   
  495.             if(is_string($fContents) )    
  496.             {   
  497.                 if(function_exists(‘mb_convert_encoding’))   
  498.                 {   
  499.                     return mb_convert_encoding ($fContents$to$from);   
  500.                 }   
  501.                 else if(function_exists(‘iconv’))   
  502.                 {   
  503.                     return iconv($from,$to,$fContents);   
  504.                 }   
  505.                 else  
  506.                 {   
  507.                     return $fContents;   
  508.                 }   
  509.         }   
  510.     }   
  511.     /**
  512.      * 析构函数  
  513.      *   
  514.      * @access public  
  515.      * @return void  
  516.      */  
  517.     public function __destruct()   
  518.     {          
  519.         if (isset($this->lib)) {   
  520.             unset($this->lib);   
  521.         }   
  522.     }   
  523. }   
  524. ?>  
END

你必须 登录 才能发表评论.

用户评论(0)

  • 评论功能已经关闭!

php调用淘宝商品最近评价和详情页class类

moutaowang.com 域名备案通过(一看域名就知道,这个域名是要做淘客的了,某淘网)就装一个淘客模版,买模版。好像又不大舍得,就打算自己打打代码。 封装了一个调用淘宝商品的php class类。目前要调用商品最近评价,详情,商家ID。剩下用淘点金转链! 调用: <?php    define(‘maidian’,’maidian’);    //@header(‘Content-type: text/html;charset=UTF-8’);    include ‘class/tao.class.php’;    $id=$_GET[‘id’];    $etao=new etao();    $code=$etao->code($id);//获取源码    if(emptyempty($code)){      //判断是否存在        echo ‘商品不存在’; //不存在输出代码        exit;              //不存在退出存在继续    }           $str=$etao->econtent($id);   //获取评价    $strs=$etao->dcontent($id);  //获取详情    $userid=$etao->userid($id);    //$pinjia = $str->rateList;    //获取评价列表数组    //var_dump($str);    //$str=substr($str,3);    //$str=str_replace(chr(13),””,$str);    //$str=str_replace(chr(10),””,$str);    //$str=str_replace(” “,””,$str);    //$json=json_decode($str);    //$error = json_last_error();    //var_dump($json, $error === JSON_ERROR_UTF8);    //var_dump($json);    //print_r($str);    //$taobao=$str->comments;    //foreach ($taobao as $list){    //  $test.=$list->user->nick;    //}    //echo $str->comments[0]->user->nick;    //echo $test;    ?>       <div style=“width:900px;margin:10px auto”>    <div style=“width:500px;margin:10px auto;text-align:center;”>    卖家ID:<?php echo $userid;?>    </div>    <?php if($str):?>    <?php  foreach ($str as $list){;?>    <div style=“border:1px solid #F00;margin:10px 0;”>    [<?php echo $list->nick;?>][<?php echo $list->time;?>]评价说:<?php echo $list->content;?>    </div>    <?php }  ?>    <?php else: ?>    <div style=“width:500px;margin:10px auto;text-align:center;”>亲,未查询到最近评价,直接到商家查看评价吧<br>    看完评价,记得回来优惠购买,才能拿到优惠哦!    </div>    <?php endif;?>    </div>    <div style=“width:900px;margin:10px auto”>    <? echo $strs;?>    </div>   
随笔 ·

一个很有趣的CSS3动画效果

一个很有趣的CSS3动画效果,可当过渡页,如loading! 完整代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="robots" content="noindex,follow"> <title>加载中</title> <style> body{font-weight:100;margin:0}body{-webkit-tap-highlight-color:transparent;background-color:#222428;font-size:100%;font-family:Open Sans;height:100%}.loader{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-mos-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;width:80%;overflow:visible}.loader,.loader div{position:absolute;height:36px}.loader div{width:30px;margin:0 10px;opacity:0;animation:move 2s linear infinite;-o-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;-webkit-animation:move 2s linear infinite;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#fff;font-size:3em}.loader div:nth-child(8):before{background:#db2f00}.loader div:nth-child(8):before,.loader div:nth-child(9):before{content:'';position:absolute;bottom:-15px;left:0;width:30px;height:30px;border-radius:100%}.loader div:nth-child(9):before{background:#f2f2f2}.loader div:nth-child(10):before{bottom:-15px;height:30px;background:#13a3a5}.loader div:after,.loader div:nth-child(10):before{content:'';position:absolute;left:0;width:30px;border-radius:100%}.loader div:after{bottom:-40px;height:5px;background:#39312d}.loader div:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}.loader div:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-webkit-animation-delay:.4s}.loader div:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}.loader div:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}.loader div:nth-child(6){animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}.loader div:nth-child(7){animation-delay:1.2s;-o-animation-delay:1.2s;-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}.loader div:nth-child(8){animation-delay:1.4s;-o-animation-delay:1.4s;-moz-animation-delay:1.4s;-webkit-animation-delay:1.4s}.loader div:nth-child(9){animation-delay:1.6s;-o-animation-delay:1.6s;-moz-animation-delay:1.6s;-webkit-animation-delay:1.6s}.loader div:nth-child(10){animation-delay:1.8s;-o-animation-delay:1.8s;-moz-animation-delay:1.8s;-webkit-animation-delay:1.8s}@keyframes move{0%{right:0;opacity:0}35%{right:41%}35%,65%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}65%{right:59%}to{right:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@-webkit-keyframes move{0%,to{opacity:0}0%{right:0}35%{right:41%}35%,75%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}75%{right:59%}to{right:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}} </style> </head> <body class="ie8"> <div class="loader"> <div> C </div> <div> S </div> <div> S </div> <div> 动 </div> <div> 画 </div> <div> 吗 </div> <div> ? </div> <div> </div> <div> </div> <div> </div> </div> </body> </html> 演示地址:效果演示
代码 ·

JOS京东联盟API接口调用

突然突然突然,觉得做一个京东联盟API调用,也许,在微信QQ等场景是不会有被屏蔽的现象。 于是于是于是,就去研究了下京东联盟API,看着一堆接口,描述的确挺不错的,实际返回内容,可能不是你想的那样。。。 另外另外另外,京东联盟的API调用是需要一个token授权的,而且,这个token授权还需要登陆京东账户的,好在这个token的有效期是1年,在1年内,登陆一次就好!据说,修改过京东账户密码,是需要重新获取一次的! 好吧好吧好吧,那就来获取token授权码,想获取token,先得获取code,通过code,再获取token! 先看下官方说明: 再看下获取授权码的API请求链接: https://oauth.jd.com/oauth/authorize?response_type=code&client_id=YOUR_CLIENT_ID& redirect_uri=YOUR_REGISTERED_REDIRECT_URI&state=YOUR_CUSTOM_CODE 对着参数列表,链接是这样的! https://oauth.jd.com/oauth/authorize?response_type=code&client_id=你的Appkey& redirect_uri=你的回调URL&state=随意写 改好后,复制黏贴到浏览器打开,就是一个授权登陆,登陆之后自动跳转到回调地址,参数中带有code值! 通过code值获取token,获取token值请求地址: https://oauth.jd.com/oauth/token?grant_type=authorization_code&client_id=你的Appkey& redirect_uri=你的回调URL&code=刚刚获取的code&state=随意写&client_secret= 你的appSecret 复制到浏览器打开,就可以获得需要的token。 另外,有一个叫做Refresh token的刷新token来延迟Access token的时效,也就是,如果获取一次,可以在有效期内延长时间,比如计划! 获取了Access token之后,就可以使用API接口了! 最后,只想说,京东联盟的API,始终没有阿里妈妈API来的方便! 参考官方文档://jos.jd.com/doc/channel.htm?id=152
代码 ·

让position:absolute超出DIV溢出隐藏

通常,为了让DIV子元素超出部分隐藏,都是在父元素设置overflow:hidden,这样即可防止子元素撑开父元素,使子元素能够溢出隐藏! 但是,对于position:absolute定位的子元素,仅仅使用overflow:hidden没办法将其溢出部分隐藏,需要在父元素上也加上一个定位position:relative;才能将含有 position:absolute属性的子元素进行溢出隐藏! 效果: 代码: <style> .box{     width:200px;     height:150px;     overflow:hidden;     border:2px solid #000;     float:left;     margin-right:20px; } .relative{     position:relative; } .div{     width:200px;     height:100px;     background:#FF5400;     margin-top:100px;     position:absolute; } .zi{     width:200px;     height:300px;     background:#FF0000; } </style> <div class=“box”> 高300px的子元素溢出隐藏 <div class=“zi”></div> </div> <div class=“box”> 不带relative <div class=“div”></div> </div> <br><br><br><br><br><br> <div class=“box relative”> 带上relative <div class=“div”></div> </div> 附: 1、CSS overflow属性,overflow 属性规定当内容溢出元素框时发生的事情,所有主流浏览器都支持 overflow 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。 这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。 默认值:visible hidden:内容会被修剪,并且其余内容是不可见的。 scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit:规定应该从父元素继承 overflow 属性的值。 2、position属性,position 属性规定元素的定位类型。所有主流浏览器都支持 position 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值:static absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative:生成相对定位的元素,相对于其正常位置进行定位。因此,”left:20″ 会向元素的 LEFT 位置添加 20 像素。 static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 inherit:规定应该从父元素继承 position 属性的值。  
代码 ·
Zero零分
站龄14年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
476
文章
26
评论
27
分类
839
标签
7
友链
onlinelovesky 317355746 122551965@qq.com

百度广告