淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1285|回复: 16
收起左侧

[美工相关] 【1300币求助】怎么从这两个网页里提取雪花

[复制链接]
  • TA的每日心情
    吐舌头
    2016-1-25 15:25
  • 签到天数: 642 天

    连续签到: 1 天

    [LV.9]已臻大成

    14

    主题

    472

    帖子

    10万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    109260

    QQ
    发表于 2015-1-30 14:40:56 | 显示全部楼层 |阅读模式
    300美工币
    本帖最后由 bdk236 于 2015-1-30 14:51 编辑

    我试了很多办法都没找到源文件,求高人指点,我想要两个网页里的雪花效果,求怎么提取?诚求,谢谢!
    http://sale.jd.com/act/jZvrz16Ktuk43.html?cpdad=1DLSUE
    http://www.paipai.com/promote/2014/import/2243/index.shtml
    先悬赏300,提取不了,就算了,如果可以提取,我会再+1000,谢谢!
    走过路过的朋友,如果你们也需要或想知道的话,麻烦顶下贴,让大神看到哈,谢谢
    --------------------------------------------------------------------------------------------------------------------
    补充:刚再细看了下,京东的雪花,竟然会因为鼠标的移动而移动,但拍拍的不会。。。





    最佳答案

    查看完整内容

    拍拍的下雪JS脚本: 网页调用HTML代码:

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2016-7-9 23:53
  • 签到天数: 406 天

    连续签到: 1 天

    [LV.9]已臻大成

    2

    主题

    304

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    73417

    发表于 2015-1-30 14:40:57 | 显示全部楼层
    拍拍的下雪JS脚本:
    1. var app = app || {};
    2. (function(){
    3.         //if(Browser.ie&&Browser.version<=8)return;
    4.         var a=function(){
    5.             function Random(x){
    6.                 return x*Math.random();
    7.             };
    8.             function createCanvas(){
    9.                 return document.createElement("canvas");
    10.             };
    11.         function t(){
    12.             var a;
    13.             for(var d=0;d<m;d++){
    14.                 a=d<m*.6?0:d<m*.8?1:d<m*.9?2:d<m*.98?3:4;
    15.                 o[d]=[Random(b),Random(c),a];
    16.                 }
    17.             }
    18.         function u(){
    19.             var a,d,e,f;
    20.             p+=.01,d=Math.sin(p);
    21.             for(a=0;a<m;a++){
    22.                 f=o[a],
    23.                 e=Math.sin(4*p+a),
    24.                 f[1]+=f[2]/2+(2+e),
    25.                 f[0]+=6*(d+e/2)/(10/f[2]),
    26.                 f[1]>c&&(f[1]=-n,
    27.                 f[0]=Random(b));
    28.                 if(f[0]>b||f[0]<-n)d>0?f[0]=-n:f[0]=b;o[a]=f;
    29.             }
    30.         }
    31.         function v(){
    32.             var a;
    33.             k.fillStyle=l,
    34.             k.clearRect(0,0,b,c),
    35.             k.beginPath();
    36.             for(a=0;a<m;a++){k.drawImage(i[o[a][2]],o[a][0],o[a][1]);}
    37.             k.fill();
    38.             u();
    39.         }
    40.         function w(a){
    41.             b=window.innerWidth,
    42.             c=window.innerHeight,
    43.             j!==undefined&&(j.width=b,j.height=c,m=b*c/6e3,l=k.createLinearGradient(0,0,0,c),t())
    44.         }
    45.         function x(){
    46.             $(window).on("resize",a.resizeHandler);
    47.             //建一个canvas加入dom里
    48.             j=document.createElement("canvas");
    49.             j.style.position="fixed";
    50.             j.style.top="0px";
    51.             j.style.left="0px";
    52.             j.style.zIndex=5e3;
    53.             j.style.pointerEvents="none";
    54.             j.id="canvas_snow";
    55.             document.body.appendChild(j);
    56.             
    57.             k=j.getContext("2d"),
    58.             k.strokeStyle="none",
    59.             d=createCanvas(),
    60.             e=createCanvas(),
    61.             f=createCanvas(),
    62.             g=createCanvas(),
    63.             h=createCanvas(),
    64.             i=[d,e,f,g,h],
    65.             y({canvas:d,width:n*.4,height:n*.4,color:"#FFF",soft:.05}),
    66.             y({canvas:e,width:n*.5,height:n*.5,color:"#FFF",soft:.05}),
    67.             y({canvas:f,width:n*.6,height:n*.6,color:"#FFF",soft:.3}),
    68.             y({canvas:g,width:n*.8,height:n*.8,color:"#FFF",soft:.2}),
    69.             y({canvas:h,width:n,height:n,color:"#FFF",soft:.05}),
    70.             w(null),
    71.             app.snowTimer=setInterval(function(){q(a.draw)},50);
    72.         }
    73.         function y(a){
    74.             var b,c,d,e,f,g,h,i,j;
    75.             d=a.width||30,
    76.             e=a.height||30,
    77.             f=d/2,
    78.             g=e/2,
    79.             i=a.color||"#FFF",
    80.             h=a.soft||0,
    81.             b=a.canvas,
    82.             b.width=d,
    83.             b.height=d,
    84.             c=b.getContext("2d"),
    85.             c.clearRect(0,0,d,e),
    86.             j=c.createRadialGradient(f,g,0,f,g,f),
    87.             j.addColorStop(0,i),
    88.             j.addColorStop(.1,i),
    89.             j.addColorStop(.85,z(i,h)),
    90.             j.addColorStop(1,z(i,0)),
    91.             c.fillStyle=j,
    92.             c.fillRect(0,0,d,e);
    93.         }
    94.         function z(a,b){
    95.             var c,d,e;
    96.             return a=a.replace(/^s*#|s*$/g,""),a.length===3&&(a=a.replace(/([0-9a-fA-F])/g,"$1$1")),d=parseInt(a.substr(2,2),16),e=parseInt(a.substr(4,2),16),c=parseInt(a.substr(0,2),16),"rgba("+c+", "+d+", "+e+", "+b+")"
    97.         }
    98.         var b,c,d,e,f,g,h,i=[],j,k,l,m,n=20,o=[],p=0,q=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,62.5)}}();
    99.         return{
    100.             init:x,
    101.             draw:v,
    102.             resizeHandler:w
    103.         }
    104.         }();
    105.         (a.init(),$.browser.msie&&setTimeout(function(){clearTimeout(app.snowTimer);$("#canvas_snow").remove();},4e3));
    106.         
    107.         })();


    网页调用HTML代码:
    1. <canvas id="canvas_snow" width="1249" height="379" style="position: fixed; top: 0px; left: 0px; z-index: 5000; pointer-events: none;"></canvas>


    点评

    你给我这些,我看不懂也用不了,所以就不加1000了,谢谢  发表于 2015-2-2 01:17

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

  • TA的每日心情
    思考
    昨天 10:09
  • 签到天数: 575 天

    连续签到: 1 天

    [LV.9]已臻大成

    12

    主题

    272

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    99185

    天猫美工最佳新人热心会员活跃会员

    发表于 2015-1-30 14:43:50 | 显示全部楼层
    来顶了 恕我帮不了您
    撑死胆大的 饿死胆小的
    回复

    使用道具 举报

  • TA的每日心情
    吐舌头
    2016-7-9 23:53
  • 签到天数: 406 天

    连续签到: 1 天

    [LV.9]已臻大成

    2

    主题

    304

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    73417

    发表于 2015-1-30 14:47:00 | 显示全部楼层
    这是js的。。。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

  • TA的每日心情
    臭美
    2016-11-17 13:26
  • 签到天数: 614 天

    连续签到: 1 天

    [LV.9]已臻大成

    15

    主题

    2199

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    147935

    淘宝钻级店美工天猫美工淘宝皇冠店美工最佳新人热心会员宣传达人活跃会员优秀版主

    发表于 2015-1-30 14:48:11 | 显示全部楼层
    这是京东的一个模板  可以在模板选择里面有 欢迎拿币
    回复

    使用道具 举报

  • TA的每日心情
    吐舌头
    2016-1-25 15:25
  • 签到天数: 642 天

    连续签到: 1 天

    [LV.9]已臻大成

    14

    主题

    472

    帖子

    10万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    109260

    QQ
     楼主| 发表于 2015-1-30 14:49:58 | 显示全部楼层

    京东的我看了下,竟然可以跟着鼠标移动改变方向,应该是JS做的,那拍拍不能跟着鼠标移动,应该不是JS吧?

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

  • TA的每日心情
    抱抱
    昨天 09:27
  • 签到天数: 623 天

    连续签到: 6 天

    [LV.9]已臻大成

    43

    主题

    1243

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    117193

    天猫美工最佳新人热心会员

    发表于 2015-1-30 14:58:47 | 显示全部楼层
    你有京东的店铺吗   京东店铺可以设置的  我家 的两个京东都有 系统自带的  

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

  • TA的每日心情
    吐舌头
    2016-1-25 15:25
  • 签到天数: 642 天

    连续签到: 1 天

    [LV.9]已臻大成

    14

    主题

    472

    帖子

    10万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    109260

    QQ
     楼主| 发表于 2015-1-30 15:03:12 | 显示全部楼层
    亦舒 发表于 2015-1-30 14:58
    你有京东的店铺吗   京东店铺可以设置的  我家 的两个京东都有 系统自带的  
    ...

    没有- -,我是想提取出来用在淘宝上的


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    43

    主题

    2260

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    116895

    活跃会员热心会员

    发表于 2015-1-30 15:05:43 | 显示全部楼层
    bdk236 发表于 2015-1-30 15:03
    没有- -,我是想提取出来用在淘宝上的

    别想了,不可能的……我敢拿小JJ打赌

    回复

    使用道具 举报

  • TA的每日心情
    臭美
    2015-8-15 17:44
  • 签到天数: 80 天

    连续签到: 1 天

    [LV.6]渐入佳境

    23

    主题

    587

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    18103

    最佳新人热心会员

    发表于 2015-1-30 15:10:10 | 显示全部楼层
    我是来拿金币的

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-11 18:02 , Processed in 0.128895 second(s), 27 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表