使用electron制作满屏心特效

图片被压缩了看起来很难看主进程代码 import {BrowserWindow, app, ipcMain} from 'electron' createWindow(); ipcMain.on('quitApp', () => { app.quit(); }); function createWindow() { const loginURL = process.env.NODE_ENV === 'development' ? `http://localhost:9080` : `file…

一款jQuery满屏自适应焦点图切换特效

一款jQuery满屏自适应焦点图切换特效 ,自适应当前浏览器的宽度,可以作为网站整个大背景的却换效果,很不错的一款不jquery特效. 兼容性没的说直接秒杀了IE6.适用浏览器:IE6.IE7.IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 效果图如下: 特效下载地址:http://www.jqshare.com/Jq/fondone/id/145.html jquery分享…

[Mugeda HTML5技术教程之16]案例分析：制作跨屏互动游戏

本节我们将要做一个跨屏互动应用的案例分析,该应用时给一家商场做活动使用的,是一个跨屏爱消除游戏.PC端页面显示在连接在PC的大屏幕上,参与活动的玩家可以用自己的手机扫描PC端页面上的二维码,连接成功后,操作手机上的游戏可以同步控制主屏幕的游戏画面和结果.游戏结果会记录到排行榜,商家定期会对排名前10的玩家进行奖励. 游戏规则和前面分析过的爱消除的案例类似,这个游戏本身就是在原来的单机游戏的基础上有进一步开发做了跨屏通讯的内容. (一)游戏规则: 1.开始游戏时,德基的logo机出现在最上面一行的…

利用snowfall.jquery.js实现爱心满屏飞

小颖在上一篇一步一步教你用CSS画爱心中已经分享一种画爱心的方法,这次再分享一种方法用css画爱心,并利用snowfall.jquery.js实现爱心满屏飞的效果. 第一步: 利用伪元素before和 :after画两个重叠在一起的长方形,如图所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style medi…

Android 底部弹出Dialog（横向满屏）

项目中经常需要底部弹出框,这里我整理一下其中我用的比较顺手的一个方式(底部弹出一个横向满屏的dialog). 效果图如下所示(只显示关键部分): 步骤如下所示: 1.定义一个dialog的布局(lay_share.xml) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/androi…

VMware Tools的简易安装---解决Ubuntu 14.10不能满屏显示问题

由于使用的VMware WorkStation是中文破解版,安装时又是简易安装,因此VMware Tools并没有安装上,导致Ubuntu 14.10在VMware中装上之后,并不能满屏显示,如图1所示. 图1 解决方法如下: 1.关闭Ubuntu 14.10. 2.虚拟机——>设置——>CD/DVD(SATA)——>连接中选择“使用ISO映像文件”,点击后面的浏览按钮,选择VMware软件安装目录下的linux.iso文件,点击OK后退出设置.如图2所示. 图2 3.开启Ubuntu…

css背景图片拉伸以及100% 满屏显示

如何用css背景图片拉伸以及100% 满屏显示呢?这个问题听起来似乎很简单.但是很遗憾的告诉大家.不是我们想的那么简单. 比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在css2.1之前是不能被修改的. 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性.就是用来控制背景图片的显示的.所以一般用作背景图片的有2类: 1.是一整张大图,尺寸和区域大小刚好吻合 2.一个很小的条状图,通过repeat后…

消除PyCharm中满屏的波浪线

PyCharm使用了较为严格的PEP8的检查规则,如果代码命名不规范,甚至多出的空格都会被波浪线标识出来,导致整个编辑器里铺满了波浪线,右边的滚动条也全是黄色或灰色的标记线,很是影响编辑. 在网上看了很多消除的教程,照做了,没有起到作用,且操作稍显复杂,今天跟大家分享一个操作简单且行之有效的方法. 1.在编辑器的右下角,有一个医生状的小头像,如下图所示(PyCharm版本 5.0.4) 2.点击小头像,将拖动条从 "检查"(默认)拖至 "语法" 处,我的是汉化后的效…

[Mugeda HTML5技术教程之12]制作跨屏互动应用

mugeda动画平台还可以用来制作跨屏互动的动画应用,比如在PC端的大屏幕上显示动画的主界面,同时会显示出供手机扫描的二维码,手机扫描后会在手机上显示手机端动画界面.通过手机就可以和PC端的显示界面跨屏互动操作.这种动画应用在类似一些商场搞活动,或者户外宣传等常见可以使用.可以制作一对一玩的跨屏互动应用,也可以制作一对多玩(多个玩家同时玩)的跨屏互动应用.为了更好的理解跨屏互动应用的使用,本文档将通过一个简单的例子来演示跨屏动画的制作过程. 一.制作动画 1.PC端动画制作 a.在PC端,设置舞…

C#制作简易屏保（转）

C#制作简易屏保[原创] 原始网址: http://www.cnblogs.com/drizzlecrj/archive/2006/10/06/522182.html 2006-10-06 16:25 by 农夫三拳, 4550 阅读, 6 评论, 收藏, 编辑下载源代码:ScreenSaver.rar初学C#的时候就曾想过写屏幕保护,当时觉得很深奥,摸不着头绪,就放弃了.今日又重新拾起,突然觉得也就是那么一回事,知道了就很简单了.好的,下面就介绍一下如何利用C#制作屏幕保护. 打开Visua…

Android简易实战教程--第四十九话《满屏拖动的控件》

今天做个有意思的效果吧,控件的拖拽,简单实用,逻辑清晰点3分钟看完. 说的很高大上,其实就是拖动Button按钮跟着鼠标位置满手机屏幕跑罢了. 直接上简单的代码吧: public class MainActivity extends Activity implements View.OnTouchListener { private Button mButton; private ViewGroup mViewGroup; private int xDelta; private int yDel…

Easyui layout设置满屏效果

html文件: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Easyui Layout全屏</title> <link id="others_jquery_easyui_131" rel="sty…

TouchSlide触屏滑动特效插件的使用

官方连接:http://www.superslide2.com/TouchSlide/ TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机.平板电脑等移动终端, 能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果.插件开源.体积小.简单实用.功能强大,是你架构移动终端网站的重要选择!ps:如果你SuperSlide的使用者,那么你会发现它是那么熟悉和易用.v1.1 宽度自适应(修复安卓横屏时滑动范围不变的bug) 演示案例:http://www.supersli…

第145天：jQuery.touchSlider触屏满屏左右滚动幻灯片

1.HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C…

009 Android Fragment动态用法（实现动态菜单栏）设置控件为满屏状态

·1.MainActivity采用线性布局 2.在app--->res--->layout,右击new--->xml---->layout xml FILE <1>新建XML文件采用线性布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/and…

TouchSlide 触屏滑动特效插件

TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机.平板电脑等移动终端,能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果. 插件开源.体积小.简单实用.功能强大,是你架构移动终端网站的重要选择! ps:如果你SuperSlide的使用者,那么你会发现它是那么熟悉和易用. TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于:1.TouchSlide是纯javascript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法…

[WebShow系列] Web浏览器最大化满屏及比例缩放方法

如果要在大屏上展示,大屏所带电脑的浏览器应该处于满屏,此时就不会显示浏览器软件的边框了.个别浏览器在满屏状态下,某些边栏等还继续保留,此时应设置此浏览器的显示选项方可消除. 如果屏幕中的显示对象过小或过大,还可以调整缩放比例. 排行显示时,一个满屏放不下,一方面可以缩小显示比例,另一个方面高级管理员可以在后台启用字幕滚动选项. 1.360安全浏览器版本标识: 点击浏览器右上方菜单,见下图,点击全屏: 2.Google Chrome浏览器版本标识: 点击浏览器右上方菜单,见下图,点击全屏方框…

动态全屏弹窗特效 Morphing Modal Window

动态变形弹窗特效 Morphing Modal Window 弹出窗体是网页常用的一个交互设计,在这个注重交互动画体验的时代,网页弹窗也可以来点新鲜的点子,比如今天分享的CSS 变形Modal Window. 当用户点击按钮时,按钮将会变成一个全屏的屏幕,然后再显示内容,整个展示过程流畅友好,也许你可以尝试到你的新项目上. 点击"Fire Modal Window"按钮后,按钮将会慢慢变大,直到整个屏幕.下面来个GIF演示: 有需要的可以下载: 使用教程本代码兼容Chrome,…

满屏的try-catch，不瘆得慌？

持续原创输出,点击上方蓝字关注我目录前言 Spring Boot 版本全局统一异常处理的前世今生 Spring Boot的异常如何分类? 如何统一异常处理? 异常匹配的顺序是什么? 总结前言软件开发过程中难免遇到各种的BUG,各种的异常,一直就是在解决异常的路上永不停歇,如果你的代码中再出现try(){...}catch(){...}finally{...}代码块,你还有心情看下去吗?自己不觉得恶心吗? 冗余的代码往往回丧失写代码的动力,每天搬砖似的写代码,真的很难受.今天这篇文章教你…

求求你们了，别再写满屏的 if/ else 了！

为什么我们写的代码都是 if-else? 程序员想必都经历过这样的场景:刚开始自己写的代码很简洁,逻辑清晰,函数精简,没有一个 if-else,可随着代码逻辑不断完善和业务的瞬息万变:比如需要对入参进行类型和值进行判断:这里要判断下对象是否为 null:不同类型执行不同的流程. 落地到具体实现只能不停地加 if-else 来处理,渐渐地,代码变得越来越庞大,函数越来越长,文件行数也迅速突破上千行,维护难度也越来越大,到后期基本达到一种难以维护的状态. 虽然我们都很不情愿写出满屏 if-else…

electron制作聊天界面(仿制qq)

效果图: 样式使用scss和flex布局这也是制作IM系统的最后一个界面了!在制作之前参考了qq和千牛需要注意的点 qq将滚动条美化了而且在无操作的情况下是不会显示的滚动条美化 ::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-sha…

WPF 制作 Windows 屏保

分享如何使用WPF 制作 Windows 屏保 WPF 制作 Windows 屏保作者:驚鏵原文链接:https://github.com/yanjinhuagood/ScreenSaver 框架使用.NET452: Visual Studio 2019; 项目使用 MIT 开源许可协议: 更多效果可以通过GitHub[1]|码云[2]下载代码; 也可以自行添加天气信息等. 正文屏保程序的本质上就是一个 Win32 窗口应用程序: 把编译好一个窗口应用程序之后,把扩展名更改为 scr,于是…

C#制作简易屏保

前言:前段时间,有个网友问我C#制作屏保的问题,我瞬间懵逼了(C#还可以制作屏保!).于是我去查阅相关资料,下面把C#如何制作屏保的过程及我学习过程的心得也记录下来,希望对需要的人能有帮助. 基本思路: 1)屏保运行起来是一个整个屏幕且无边框的窗体,不能显示任务栏,鼠标点击就会退出.当然你还可以在界面上自定义一些东西,如显示系统时间,屏保里面显示Rss内容等. 2)屏幕保护程序的扩展名虽然是".scr",但本质是一个可执行的".exe"文件. 具体步骤: 打开Vis…

解决Viewpager满屏不能自适应填充内容的三种办法

由于排版问题,本人博客园同名博文地址为:http://www.cnblogs.com/bill-technology/articles/3143667.html 很多Android开发者在使用ViewPager控件的时候经常会遇到这样的问题:当我们在XML布局中对ViewPager的属性android:layout_height属性进行wrap_content设置之后,却发现并没有任何作用,Viewpager依然是铺满全屏的状态. 我这里针对以下一个案例提供一下解决方案,并指出决解方案的利弊:…

Vegas教程：教你制作热门人物消失特效

在许多电影中,我们经常会看到一些人物逐渐消失的情景,这种情景一般都是通过后期技术处理的结果,现实生活中根本不可能出现,那么这种特效是如何制作处理的呢?下面小编就来教大家如何用Vegas Pro 18这款优秀的视频剪辑软件,打造人物消失的效果. 1.导入素材打开视频剪辑软件Vegas,将所需要的素材文件导入到轨道,具体操作步骤,如图1所示. 图1:导入素材文件然后,调整视频素材,点击鼠标右键,选中"分割"工具,将视频多余部分删除,如图2所示. 图2:编辑视频 2.调整快照位…

WPF布局之让你的控件随着窗口等比放大缩小，适应多分辨率满屏填充应用

一直以来,我们设计windows应用程序,都是将控件的尺寸定好,无论窗体大小怎么变,都不会改变,这样的设计对于一般的应用程序来说是没有问题的,但是对于一些比较特殊的应用,比如有背景图片的,需要铺面整个屏幕,由于存在多种不同的分辨率,所以会出现布局混乱的情况.今天我们来看看WPF中如何让我们的控件也随着分辨率放大缩小.下面来写一个例子看看效果吧~ 一.普通布局中的问题这里我们写一个简单的页面,新建WPF项目,在MainWindow里面添加按钮,如下图: 这个页面很简单,只有三个按钮,我们想的是…

手机触屏触摸特效javascript-TouchSwipe（依赖于jquery库）中文说明

by 郑州seo on 2013 年 7 月 6 日 in jquery, 网站建设 with 6 Comments 最近需要做一个手机小门户网站,因为目前主流的手机都是安卓和苹果的,他们的浏览器内核都是webkit,这就意味着手机网站是可以用html5和css3开发的,越开发越感觉到html5和css3的强大与它的重要性,且不谈html5和css3,做网站的时候遇到了一个大问题,就是触摸js的问题,以前都是写的电脑端的js,突然接触到触摸屏的js可真是脑袋大了,因为手机网站属于初期,即使你有问…