首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端jQuery效果

10px; color:#fff; padding:5px 10px; } <script src="js/<em>jquery</em>...获取用户输入<em>的</em>数据 -- value属性值访问 2、看下拉菜单<em>的</em>选项 如果是a -- 获取下拉菜单<em>的</em>vlaue == 0,把用户<em>的</em>数据按照a<em>的</em>模板展示;如果是b --获取下拉菜单<em>的</em>vlaue == 1,...:none; margin:0 10px; } <script type="text/javascript" src="js/<em>jquery</em>...由于此处代码实现过于复杂,css和js功能实现代码量较多,公众号文章字数有所限制,所以此处将两个重要<em>的</em>功能实现即可,有了这两个例子,其他<em>的</em>都可以做出来了,至于网页<em>的</em>美化这些到是简单许多。...flag_user = false } } // 验证同意协议<em>的</em>复选框 // 单击<em>的</em>时候改变勾选<em>的</em>状态 -- 验证click:if(勾选){合法}else{

3.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    开源相册系统,网页展示你照片PicHome

    欧奥PicHome介绍 这是一款基于 PHP + MySQL 开源项目,选定本地电脑图库目录之后,就能变成一个很漂亮相册网页,并且可以通过分类、标签、颜色、链接、注释、时长、尺寸等参数检索内容,支持预览图片...官方提供了一个演示站点:http://pichome.oaooa.com/ 可以轻松放大缩小、翻转镜像查看,并且可以查看和下载原图,全凭之后可以通过左右键来浏览内容,可播放视频、音频,最有用就是搜索功能了...,找图快才用爽。...基于 PHP + MySQL 环境则可以部署在各种设备中,比如服务器、NAS、个人电脑、云服务器等,部署后可以在任何浏览器打开,所以手机电脑都可以方便访问,最重要是免费、开源,还是相当不错。...再billfish软件中将照片分类 将目录上传到服务器中,库设置中添加目录,就可以在web页面中显示你图片了。

    2.9K21

    开源相册系统,网页展示你照片PicHome

    欧奥PicHome介绍 这是一款基于 PHP + MySQL 开源项目,选定本地电脑图库目录之后,就能变成一个很漂亮相册网页,并且可以通过分类、标签、颜色、链接、注释、时长、尺寸等参数检索内容,支持预览图片...官方提供了一个演示站点:http://pichome.oaooa.com/ 可以轻松放大缩小、翻转镜像查看,并且可以查看和下载原图,全凭之后可以通过左右键来浏览内容,可播放视频、音频,最有用就是搜索功能了...,找图快才用爽。...基于 PHP + MySQL 环境则可以部署在各种设备中,比如服务器、NAS、个人电脑、云服务器等,部署后可以在任何浏览器打开,所以手机电脑都可以方便访问,最重要是免费、开源,还是相当不错。...再billfish软件中将照片分类 将目录上传到服务器中,库设置中添加目录,就可以在web页面中显示你图片了。

    5.2K21

    vue~制作menu~

    最近看到一个非常menu插件,一直想把它鼓捣成vue形式,谁让我是vue死灰粉呢,如果这都不算爱?。?开个小玩笑,让我们一起来探索黑魔法吧。...观看本教程读者需要具备一定vue和css3知识哦,如果喜欢这次推送请给我们点赞~ 本文结构 1.效果演示 2.使用方法介绍 3.关键步骤讲解...一个简单example: 3.关键步骤讲解 整个menu实现关键在于计算menu展开后最后坐标,以及展开与收缩动画....原始位置,x2最后展开位置,x1中间过渡位置(主要是造成 一个“拉回”效果),以下是图片解释,为了解释简单明了,我放大了radius倍数以及增加了动画执行时间。...点击时需要拿到被点击itemindex,得到全局currentIndex即被点击itemindex。被点中使用放大动画,否则使用缩小动画。

    1.7K50

    Flutter 引导插件

    在本文,我们将探讨「Flutter」 **Tutorial Coach Mark。...**我们还将实现一个演示程序,并在您flutter应用程序中使用「tutorial_coach_mark」包创建漂亮而简单教程。...它显示了如何在flutter应用程序中使用「tutorial_coach_mark」程序包来使用引导,并显示了当您单击项目时,布局和形状发生了变化,跳过了停止教程按钮等。它们将显示在设备上。...我们还将创建两个凸起按钮,并添加一个不同键,并用「Align()将」其包围。...在此TargetFocus中,我们将添加「keyTarget,「并」标识」要在屏幕上显示教程目标和「内容」。当我们运行应用程序时,我们应该获得屏幕输出,如下面的屏幕截图所示。

    1.6K40

    console.log用法

    背景 今天使用 chrome 浏览器打开百度首页(https://www.baidu.com),打开开发者工具,windows 下快捷键是 F12,MAC 上快捷键通常是option+cmd+i,接着点击...除了一堆报错之外,我们应该也发现了百度招聘广告,竟然可以产生高亮红色字体,有点不是吗。 继续探索,按照以下步骤进行: ? 找到对应代码行发现原来 console.log 可以这么玩。 ?.../console/console-write),内容引用如下: 使用 CSS 设置控制台输出样式 利用 CSS 格式说明符,您可以自定义控制台中显示。...是不是有点,下面还有更。 1....当然,你也可以输出更多好玩文本样式,这里就需要读者朋友自己好好探索了,尚未测试代码对浏览器兼容性,请在发布到生产环境之前进行检查,本文旨在提供一个简单前端代码学习思路,愿君多采撷。

    1.6K20

    自定义主页

    周末放假回家,给自己Hexo博客自定义了一个首页,看起来多了。实现简单,操作步骤稍微繁琐了一点,因为涉及到要修改东西太多了。需要一点HTML和css基础,主要就是。。。...结构分析 首先,我们看到博客名字后面的渐变色块,就是用最基础css渐变动画做效果。...下面的四个图标,用是阿里巴巴矢量图标库—Iconfont图标,侵权请联系我删除!然后最下面就是固定版权信息,最后就是背景动画!...背景特效 背景用是已经造好轮子,基于JavaScript开发。原作者在?GitHub开源了,大家喜欢可以star支持一下!...这里我就想吐槽一下了,国内很多模板资源站之类网站,拿人家辛辛苦苦写代码,假装是自己卖钱。知道最可耻是什么吗?这种人还好意思说请尊重劳动成果!!!

    1K30

    监控界极致-Netdata

    很多公司都使用界面化监控工具,很酷,这说明,监控这块我们几乎都会接触到,大家是有想法,其次在不同目的下,选择不同工具有着不同目的,今天这篇文章我就给大家介绍图形化监控小军刀netdata...使用。...1.优美的界面:bootstrap框架下控制界面 2.自定义控制界面:你可以使用简单HTML代码去自定义控制界面(不需要使用javascript) 3.极其快速而高效:程序使用C进行编写(默认安装下...,预计只有2%单核CPU使用 率和少许内存使用率) 4.可扩展:用它自身插件API(可以使用许多方式来制作它插件,从bash到node.js),你可以检测任何可以衡量数据。...5.可嵌入:它可以在任何Linux内核可以运行地方运行 监测内容:下面是Netdata目前检测内容 1.CPU使用率,中断,软中断和频率(总量和每个单核) 2.RAM,互换和内核内存使用率(包括

    1.3K10

    利用flutter实现list

    ListView.builder() ,两个必传参数itemCount和itemBuilder,前者控制列表数量,后者控制item展示,因为item样式还是比较多,所以抽离成单独StatelessWidget...组件:AwesomeListItem 我们用InkWell组件将AwesomeListItem包裹,InkWell是flutter自带组件,这个组件特点是点击时候带有水墨绽开效果。...点击item时候,我们使用Navigator.push跳转到详情页面 图片展示,我们还是使用FadeInImage,这种渐入效果用户体验还是很不错。...然后再使用Hero()来包裹FadeInImage,这样能在页面跳转时候提供图片之间过渡动画,很是强大和 Hero( tag: index, child: FadeInImage( image...,有兴趣同学可以丰富下页面的样式和内容 感兴趣同学可以看下源码xch1029/awesomelist 总结 以上就是这篇文章全部内容了,希望本文内容对大家学习或者工作具有一定参考学习价值,谢谢大家对

    95310

    快速定位crash方式

    面对如此庞大上报量,能否快速准确定位问题直接关系到Crash解决率,我们项目组在这方面做了比较多尝试,现在在这里给大家分享一下比较有效一些做法,也欢迎大家一起来探讨和分享。...这样大大提高了定位问题效率,也让之前炙手可热mapping文件终于被打入了冷宫。...2 小技巧快速准确定位到异常行号 正式版发布线一般与开发线差异是比较大,当遇到一些比较复杂异常上报时,常常需要将正式版tag从svn上拉下来。...因为项目的ant脚本在打包时会对源码做一些预处理(比如会去掉log和exception打印)或多或少会改变代码结构,导致apk对应源码行号与tag中源码行号大相径庭。...为了快速定位到对应行号,每次构建版本,我们都会把此次构建源码打包保存到bin目录归档,这样处理异常上报时,只需要把对应版本源码下载下来,就可以快速查阅到是哪句代码搞鬼! ?

    1.3K120

    分享几个 IDEA 主题

    CodeWhite7 来源 | blog.csdn.net/weixin_46146269/article/details/104793277 IDEA,全称 IntelliJ IDEA ,是 Java 语言集成开发环境..., IDEA 在业界被公认为是最好 java 开发工具之一,尤其在智能 代码助手、代码自动提示、重构、 J2EE支持、 Ant 、 JUnit 、 CVS 整合、代码审查、创新GUI 设计等方面的功能可以说是超常...平时开发中由于频繁用眼原因,导致许多开发人员视力下降,主题插件虽然不能提高开发效率,但这时候一个舒适主题可以使开发人员更舒适开发。 以下推荐几款个人喜欢几款主题!...以上4个主题是我比较喜欢主题,主题下载可以在idea里下载插件,也可以到官网插件中下载。链接已经给出。 在IDEA中下载:搜索这4个插件下载即可。 ? 更换主题:在Setting中设置更换 ?...你还有更好主题推荐吗?留言区告诉我们哟!

    6K20

    Stream API 最佳指南

    超级大招,释放代码 假如有一个需求,需要对数据库查询发票信息进行处理: 取出金额小于 10000 发票。 对筛选出来数据排序。 获取排序后发票销方名称。...现在又来一个需求 对查询出来发票数据进行分类,返回一个 Map 数据。 回顾下 Java7 写法,有没有一种我擦,这也太麻烦了。还能不能早点下班回去抱女朋友。...其目的主要是打开流,做出某种程度数据映射/过滤,然后返回一个新流,交给下一个操作使用。...这类操作都是惰性化,仅仅调用到这类方法,并没有真正开始流遍历,真正遍历需等到终端操作时,常见中间操作有下面即将介绍filter、map等 2....终端操作执行,才会真正开始流遍历。如下面即将介绍 count、collect 等。

    1.8K10
    领券