精华内容
下载资源
问答
  • html5手机端抢红包雨代码,打开页面,红包随机飘落,点击查看中奖情况。
  • HTML5手机端微信红包雨代码,点击红包显示红包金额。
  • html5手机端抢红包雨代码,打开页面,红包随机飘落,点击查看中奖情况。
  • 一款超棒的h5红包雨源代码,可用作PC端,移动端,js代码简洁易懂,容易维护修改
  • 楠多配送员订购系统(含手机版)是一个 以asp+access进行开发的外卖点餐系统源码。 系统说明: 全新系统,100%代码与程序进行重新编写; 全面使用jquery,ajax,图片预加载等交互代码; 数据库及各个文件夹名进行...
  • 楠旅游网服务管理系统... 楠旅游网服务管理系统重要说明: ·全新系统介绍原雨楠旅游网系统重新构架而成,80%代码与程序进行重新编写; ·全面使用jquery,ajax,图片预加载等交互代码; ·数据库及各个文件夹名进
  • 前两天在手机上看视频,突然看到骇客帝国,突发奇想,制作了一个代码雨。其实代码雨也没有我们想象的那么复杂,基本要使用到的库包含随机数random和游戏制作的pygame。 2.实现过程分析: 第一步:制作一个代码雨...

    1.概述:

    前两天在手机上看视频,突然看到骇客帝国,突发奇想,制作了一个代码雨。其实代码雨也没有我们想象的那么复杂,基本要使用到的库包含随机数random和游戏制作的pygame。

    2.实现过程分析:

    第一步:制作一个代码雨出现的窗口:

    窗口的要求是和电脑屏幕的尺寸一样,所以设置如下参数即可获得:

    screen=pygame.display.Info()#获取本电脑屏幕的相关信息

    WIDTH=screen.current_w

    HEIGHT=screen.current_h

    然后使用pygame里面的方法实现窗口的必要设置:窗口尺寸,标题,刷新和延迟

    第二步:

    获取基本的文字存储在列表中,然后计算出每行最多出现多少个字母,后面随机获取出现在窗口上即可。

    texts=[]

    for i in range(32,127):#ascii码对照表

        texts.append(font.render(chr(i),True,(0,255,0)))

    #按屏幕的宽度计算可以在画板上放几列坐标并生成一个列表

    column=int(WIDTH/WSIZE)

    drops=[]

    for i in range(column):

        drops.append(0)

    第三步:

    设置字母在窗口下方多少距离消失以及每次消失的概率有多大。

    # 绘制文本

    text = random.choice(texts)

    window.blit(text,(i*WSIZE,drops[i]*WSIZE))#按坐标绘制字符

    drops[i]+=1

    # 超出范围后重置坐标位置

    if drops[i]*10 > HEIGHT or random.random()>0.95:

       drops[i]=0

    3.最终呈现的效果图如下:

    4.源代码:

    #coding:utf-8
    import random,pygame
    pygame.init()
    #基本参数设置
    screen=pygame.display.Info()#获取本电脑屏幕的相关信息
    WIDTH=screen.current_w
    HEIGHT=screen.current_h
    WSIZE=20
    #1.创建可视化窗口
    #flags参数设置显示类型:FULLSCREEN全屏 可以使用按位或运算符(管道“|”字符)组合多种类型
    window=pygame.display.set_mode((WIDTH,HEIGHT),flags=pygame.FULLSCREEN | pygame.NOFRAME)
    #窗口填充黑色
    window.fill((0,0,0))
    #设置字体大小
    font=pygame.font.SysFont('font5.ttf',20)
    
    #2.设置要显示的界面
    #surface对象,SRCALPHA为保留Alpha通道
    surface=pygame.Surface((WIDTH,HEIGHT),flags=pygame.SRCALPHA)
    pygame.Surface.convert(surface)#更改图像的像素格式
    #用纯颜色填充surface界面,pygame.Color(0,0,0,28)是指用alpha值为28的纯黑色
    surface.fill(pygame.Color(0,0,0,28))
    
    texts=[]
    for i in range(32,127):#ascii码对照表
        texts.append(font.render(chr(i),True,(0,255,0)))
    #按屏幕的宽度计算可以在画板上放几列坐标并生成一个列表
    column=int(WIDTH/WSIZE)
    print('column:',column)
    drops=[]
    for i in range(column):
        drops.append(0)
    
    while True:
        #获取事件内容
        for event in pygame.event.get():
            if event.type == pygame.QUIT:
                exit()
            elif event.type == pygame.KEYDOWN:
                if event.key == pygame.K_q:
                    exit()
        pygame.time.delay(20)
        #重新绘制图像
        window.blit(surface,(0,0))
        for i in range(len(drops)):
            # 绘制文本
            text = random.choice(texts)
            window.blit(text,(i*WSIZE,drops[i]*WSIZE))#按坐标绘制字符
            drops[i]+=1
            # 超出范围后重置坐标位置
            if drops[i]*10 > HEIGHT or random.random()>0.95:
                drops[i]=0
        pygame.display.flip()

     

    展开全文
  • 这是一款很有趣味性的jQuery手机端泡泡红包抽奖代码,飞机拉横幅场景,泡泡红包动画散开,点击打开红包得出抽奖结果。
  • HTML5手机端抢红包福利袋游戏源码是一款手机端红包雨代码
  • j2me手机游戏代码

    2009-08-14 11:27:37
    import javax.microedition.lcdui.*; import java.io.*; import java.lang.*; import java.util.Timer; import popup.*; import java.util.Random;...import java.util.Vector;...import javax.microedition.media.*;...
  • 文章结束给大家分享下程序员的一些笑话语录: 手机终究会变成PC,所以ip会比wm更加畅销,但是有一天手机强大到一定程度了就会发现只有wm的支持才能完美享受。就好比树和草,草长得再高也是草,...

    本文是一篇关于代码、数据库-的帖子

        1. 将mysql-connector-java-5.0.8-bin.jar放入Tomcat目录common/lib下

        2.接连数据库代码

        

    文章结束给大家分享下程序员的一些笑话语录: 手机终究会变成PC,所以ip会比wm更加畅销,但是有一天手机强大到一定程度了就会发现只有wm的支持才能完美享受。就好比树和草,草长得再高也是草,时间到了条件成熟了树就会窜天高了。www.ishuo.cn

    展开全文
  • 手机端上面利用js代码来实现红包飘下的效果,点击某个红包后就能拆开红包。 抢红包,js,手机
  • HTML5手机微信抢红包福利袋游戏代码HTML5手机微信抢红包福利袋游戏代码是一款手机移动端红包效果源码。js代码$(function(){var countdown=$(".countdown_num").html();var interval1=setInterval(function(){if ...

    HTML5手机微信抢红包福利袋游戏代码

    HTML5手机微信抢红包福利袋游戏代码是一款手机移动端红包雨效果源码。

    js代码

    $(function(){

    var countdown=$(".countdown_num").html();

    var interval1=setInterval(function(){

    if (countdown == 0){

    clearInterval(interval1);

    $(".rain-wrap").show();

    $(".countdown").hide();

    var a =0;

    function clickFun(){

    var src=$(this).attr("src");

    src=src.substring(src.length-5,src.length-4);

    if(src>=3 && src<6){$(this).attr("src","images/fd7.png");}

    else if(src<3 && src<6){$(this).attr("src","images/fd6.png");}

    $(this).fadeOut(500);

    a++;

    if(a == 5){

    $(".pop,#fd_pop6,#win_pop1").show();

    $(".rain-wrap,#fd_pop2").remove();

    }

    }

    $('.rain-wrap').redEnvelope({'clickFun':clickFun});

    var over_time=$(".date_time").html();

    var interval2=setInterval(function(){

    if (over_time == 0){

    clearInterval(interval2);

    $(".pop,#fd_pop2").show();

    $(".rain-wrap").remove();

    }

    else

    {

    over_time--;

    $(".date_time").html(over_time);

    }

    } ,1000);

    }

    else

    {

    countdown--;

    $(".countdown_num").html(countdown);

    }

    } ,1000);

    })

    申明:本站所有资源都是转载各大下载站,或由网友投稿发布,请自行检测软件的完整性,如有侵权请联系我们删除下架,联系方式:admin@php.cn

    展开全文
  • 04、修复与优化手机版若干功能; 05、修复2处JS显示错误及若干CSS样式; 后序:感谢您们不断的反馈和支持,我们只做最好的服务,只做最适合您的程序;很多的旅游源码功能或许很强大,但是对于使用者来说,用到的功能...
  • 楠旅游网服务管理系统是以asp+access进行开发的asp旅游管理系统。 楠旅游网服务管理系统重要说明: ·全新系统介绍原雨楠旅游网系统重新构架而成,80%代码与程序进行重新编写;
  • 楠旅游网服务管理系统是以asp+access进行开发的asp旅游管理系统。 重要说明: ·全新系统介绍原雨楠旅游网系统重新构架而成,80%代码与程序进行重新编写; ·全面使用jquery,ajax,图片预加载等交互代码; ·...
  • 楠多配送员订购系统(含手机版)是一个 以asp+access进行开发的外卖点餐系统源码。系统说明:全新系统,100%代码与程序进行重新编写;全面使用jquery,ajax,图片预加载等交互代码;数据库及各个文件夹名进行重新...
  • 楠多配送员订购系统(含手机版)是一个 以asp access进行开发的外卖点餐系统源码。 系统说明: 全新系统,100%代码与程序进行重新编写; 全面使用jquery,ajax,图片预加载等交互代码; 数据库及各个文件夹名...
  • 楠多配送员订购系统(含手机版)是一个 以asp access进行开发的外卖点餐系统源码。 楠多配送员订购系统(含手机版) v2017.3.27更新日志 01、可以自由设置区域(含四级)可以设置省、市、区、街道也可以自由...
  • 楠旅游网服务管理系统是以asp+access进行开发的asp旅游管理系统。系统说明:我们致力用最少的页面,最少的代码开发最有用的系统;本旅游网专业服务系统主要针对旅行社,地区旅游门户网站而开发;本系统全新代码,...
  • jQuery红包泡泡点击抽奖代码是一款适用于手机端的飞机拉横幅场景,红包动画点击打开红包抽奖代码
  • jQuery红包泡泡点击抽奖代码是一款适用于手机端的飞机拉横幅场景,红包动画点击打开红包抽奖代码
  • 小说CMS.zip

    2021-03-18 17:18:02
    内置标签模版,即使不懂代码的前端开发者也可以快速建立一个漂亮的小说网站。 狂小说cms 提供了基础小说功能,包括: 1.网站采集功能,可采集任何小说网站 2.数据联盟,即时不会设置采集功能也可以获取大量小说...
  • 红包的实现

    2019-11-22 23:43:40
    先看一下效果截图。 这种一般在手机APP上,还有微信上面可能会看到。实现起来也不难,只需要几张图片即可。 代码实现如下。 HTML <!DOCTYPE html> <html lang="e...

    先看一下效果截图。

     

    这种一般在手机APP上,还有微信上面可能会看到。实现起来也不难,只需要几张图片即可。

     

    代码实现如下。

    HTML

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="author" content="wyh">
      <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
      <!--在iPhone 手机上禁止了把数字转化为拨号链接-->
      <meta content="telephone=no" name="format-detection" />
      <!--删除默认的苹果工具栏和菜单栏-->
      <meta content="yes" name="apple-mobile-web-app-capable">
      <!-- 网站开启对web app程序的支持,在web app应用下状态条(屏幕顶部条)的颜色,默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)-->
      <meta name="apple-mobile-web-app-status-bar-style" content="black">
      <title>移动端-红包雨</title>
      <link href="lib/minireset.min.css" rel="stylesheet">
      <link rel="stylesheet" href="css/index.css">
    </head>
    <body>
      <div class="pack_box">
        <!--开始动画框-->
        <div class="start_box">
          <span></span>
        </div>
        <!--红包框-->
        <ul class="redpack_box"></ul>
        <!--弹出框-->
        <div class="pop_box">
          <div class="pop_con">
            <img src="img/gx.png" alt="">
            <h3>恭喜你,获得红包三元</h3>
            <a href="javascript: void(0);">立即领取</a>
          </div>
        </div>
      </div>
    </body>
    <script src="lib/jquery.min.js"></script>
    <script src="js/index.js"></script>
    </html>
    View Code

     

    CSS

    body,html{
      width: 100%;
      height: 100%;
    }
    *{
      box-sizing: border-box;
    }
    .pack_box{
      width: 100%;
      height: 100%;
      background: url("../img/bj.jpg") no-repeat top left;
      background-size: 100%;
      overflow-y: hidden;
      position: relative;
    }
    /*
      开始动画框
    */
    .start_box{
      width: 100%;
      position: absolute;
      background: #ccc;
      opacity: 0.5;
    }
    .start_box span{
      display: inline-block;
      width: 100px;
      height: 100px;
      color: #000;
      font-weight: bold;
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: center;
      line-height: 100px;
      font-size: 1000%;
    }
    /*
      红包框
    */
    .redpack_box{
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
    .redpack_box li{
      position: absolute;
      animation: all 3s linear;
      top: -100px;
    }
    .redpack_box li a{
      display: block;
    }
    /*
      弹出框
    */
    .pop_box{
      display: none;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .3);
      z-index: 100;
    }
    .pop_box .pop_con {
      width: 70%;
      height: 160px;
      border-radius: 5px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
    }
    .pop_box .pop_con img{
      width: 70%;
      height: 120px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 80px;
      margin: auto;
      vertical-align: top;
    }
    .pop_box .pop_con h3{
      color: red;
      z-index: 999;
      position: absolute;
      width: 100%;
      text-align: center;
      font-weight: bold;
      top: 80px;
      font-size: 120%;
    }
    .pop_box .pop_con a{
      width: 36%;
      height: 38px;
      position: absolute;
      top: 120px;
      z-index: 999;
      text-decoration: none;
      color: #fff;
      background: #177ad8;
      text-align: center;
      line-height: 38px;
      font-size: 15px;
      border-radius: 6px;
      border: 1px solid #177ad8;
      left: 0;
      right: 18px;
      bottom: 0;
      margin: auto;
    }
    View Code

     

    JavaScript

    /**
     * Created by Administrator on 2017/7/5.
     * 红包雨
     */
    $(document).ready(function(){
    
      // 页面加载完毕之后设置的初始样式
      initPage();
    
      //开始动画
      startAnimation();
    
      //添加红包
      setTimeout(add,3000);
    
    });
    
    function initPage(){
      $(".start_box").css("height",$(document).height());
      $(".redpack_box").css("height",$(document).height());
    }
    
    function startAnimation(){
      var num =4;
      var startA =function(){
        num--;
        if(num > 0 ){
          $(".start_box span").html(num);
        }else{
          $(".start_box").remove();
        }
        setTimeout(startA,1000);
      }
      startA();
    }
    
    //随机数的方法
    function randomNum(startNum,endNum){
      return parseInt(Math.random() * ((endNum 1) - startNum) startNum);
    }
    
    var nums =0;
    var wid =parseInt($(".redpack_box").width()) - 60;
    function add(){
      var ranImg =randomNum(1,2); //此随机数用来切换图片用。
      var ranWidth =randomNum(20,60); //此随机数用来设置红包的宽度。
      var ranLeft =randomNum(0,wid); //用来设置红包的left值。
      var ranRotate =randomNum(-45,45); //设置红包的rotate值。
    
      nums  ;
    
      var redpackHTML ="<li class='li" nums "'>"  
          "<a href='javascript: void(0);'>"  
          "<img src='img/hb_" ranImg ".png'></a></li>";
    
      $(".redpack_box").append(redpackHTML);
      $(".li" nums).css("left",ranLeft);
      $(".li" nums " img").css({
        "width": ranWidth "px",
        "transform": "rotate(" ranRotate "deg)",
        "-ms-transform": "rotate(" ranRotate "deg)", /* Internet Explorer */
        "-moz-transform": "rotate(" ranRotate "deg)", /* Firefox */
        "-webkit-transform": "rotate(" ranRotate "deg)",/* Safari 和 Chrome */
        "-o-transform": "rotate(" ranRotate "deg)" /* Opera */
      });
    
      $(".li" nums).animate({"top":$(document).height() 20},5000,function(){
        //删除掉落的红包
        $(this).remove();
      });
    
      $(".li" nums).click(function(){
        $(".pop_box").css("display","block");
      });
    
      setTimeout(add,500);
    }
    
    $(".pop_con a").click(function(){
      $(".pop_box").css("display", "none");
    });

     

    实现原理:

      我是用 li 存放红包的图片的,设置样式 top值为负值,这样生成每个红包的时候就是屏幕的上方出现。

      接下来就是生成红包,在这之前先写了一个生成随机数的方法(总感觉有问题)

    function randomNum(startNum,endNum){
      return parseInt(Math.random() * ((endNum 1) - startNum) startNum);
    }

     

    这个随机数的方法就是用来生成四个随机数,分别用来切换要显示的图片,设置图片的宽度,设置 li 的left值,设置红包的 rotate 值。

    接着生成 li,给每个 li 加上动画,并监听位置信息,当超出屏幕的高度的时候删除此元素。

    最后加个定时器就行了。

     

    效果地址:https://wyhstar.github.io/redPacket/index.html

    代码地址:https://github.com/wyhstar/redPacket

    可以用手机查看。(有改善的地方请指教)

     

    展开全文
  • 小说cms v1.1.6

    2019-10-21 11:49:47
    小说内容管理系统(以下简称KYXSCMS)提供一个轻量级小说网站解决方案,基于ThinkPHP5.1+MySQL的技术开发。KYXSCMS,灵活,方便,人性化设计简单易用是最大的特色,是快速架设小说类网站首选,只需5分钟即可建立...
  • unity3d手机游戏开发金玺曾完整版 paf扫描版本包含代码
  • jQuery红包泡泡点击抽奖代码是一款适用于手机端的飞机拉横幅场景,红包动画点击打开红包抽奖代码。 <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <...
  • 楠旅游网服务管理系统简介 楠旅游网服务管理系统是以asp access进行开发的asp旅游管理系统。 ·全新系统介绍原雨楠旅游网系统重新构架而成,80%代码与程序进行重新编写; ·全面使用jquery,ajax,图片预加载...
  • 小说cms v1.1.1.zip

    2019-07-06 12:28:33
    内置标签模版,即使不懂代码的前端开发者也可以快速建立一个漂亮的小说网站。 狂小说cms v1.1.1 更新日志 修复采集gzip乱码问题 修复用户页面积分显示错误 狂小说内容管理系统功能 1.网站采集功能,可采集...
  • HTML5 jquery微信红包雨天上掉红包特效代码,打开后,满网页的红包往下掉,很炫的效果,抓呀抓,抓到了就有红包,不过这个特效真的不太好抓到哦,只是娱乐一下,可用在网上商城中,可直接移植到手机端运行,兼容IE、...

空空如也

空空如也

1 2 3 4 5
收藏数 83
精华内容 33
关键字:

手机代码雨