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

快速完成网页设计,10个顶尖响应式HTML5网页模板助你一臂之力

开发技术:HTML 5, CSS 3, JS, jQuery 网站特色: l 滑块 l 响应式视网膜菜单 l 幽灵按钮 l SEO友好 l 设备响应 l jQuery&Javascript插件 l YouTube...主页上有一个带有标题文字的猫头鹰旋转木马滑块。此外,有jQuery UI日历的旅行预订表格。在主页有旅游套餐,最热门的目的地和关于您的公司的部分,让网站访问者和专业外观的网站印象深刻。 5. ...开发技术:Bootstrap framework, HTML5, CSS3, JQuery 网页特色: l 100%响应Bootstrap滑块 l 基于Font Awesome的图标 l HTML5和CSS3...开发技术:HTML 5, CSS 3, Bootstrap 3, JS, jQuery 网页特色: l 粘滞菜单栏 l 滑动标题背景 l 幽灵按钮 l HTML5 / CSS3 如果你想要轻量级,灵活且易于定制...开发技术:HTML 5, CSS 3, Bootstrap 3, JS, jQuery 网页特色: l 视差效应 l W3C有效标记 l 平滑过渡效果 l 跨浏览器支持 l 100%响应式布局 l 100

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

    快速完成网页设计,10个顶尖响应式HTML5网页模板助你一臂之力

    AweSplash - 免费的HTML闪屏页面 开发技术:HTML 5, CSS 3, JS, jQuery 网站特色: l 滑块 l 响应式视网膜菜单 l 幽灵按钮 l SEO友好 l 设备响应 l...在这个免费HTML5启动画面模板的演示中,你可以看到带有美丽背景滑动图像的页面。 3. ...主页上有一个带有标题文字的猫头鹰旋转木马滑块。此外,有jQuery UI日历的旅行预订表格。在主页有旅游套餐,最热门的目的地和关于您的公司的部分,让网站访问者和专业外观的网站印象深刻。 5. ...l HTML5 / CSS3 如果你想要轻量级,灵活且易于定制,免费供商业和个人使用的企业代理网站模板; Asentus正是你想要的。...有效标记 l 平滑过渡效果 l 跨浏览器支持 l 100%响应式布局 l 100%的搜索引擎友好 Garage是由webdomus开发团队开发的完全特殊的创意模板,特别适用于古董或经典汽车展示。

    13.1K120

    06-移动端开发教程-fullpage框架

    CSS3的新特性已经讲完了,接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。...slidesNavPosition 字符串 bottom 左右滑块的项目导航的位置,可选 top 或 bottom controlArrowColor 字符串 #fff 左右滑块的箭头的背景颜色 loopBottom...afterRender 页面结构生成后的回调函数,或者说页面初始化完成后的回调函数 afterSlideLoad 滚动到某一水平滑块后的回调函数,与 afterLoad 类似,接收 anchorLink...、index、slideIndex、direction 4个参数 onSlideLeave 某一水平滑块滚动前的回调函数,与 onLeave 类似,接收 anchorLink、index、slideIndex...--另外不能在初始化的设置:lazyLoading: true ,不能为false--> 案例2:设置不同屏的背景色 $('#fullpage').fullpage({ sectionsColor

    5.1K50

    06-移动端开发教程-fullpage框架

    CSS3的新特性已经讲完了,接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。...slidesNavPosition 字符串 bottom 左右滑块的项目导航的位置,可选 top 或 bottom controlArrowColor 字符串 #fff 左右滑块的箭头的背景颜色 loopBottom...afterRender 页面结构生成后的回调函数,或者说页面初始化完成后的回调函数 afterSlideLoad 滚动到某一水平滑块后的回调函数,与 afterLoad 类似,接收 anchorLink...、index、slideIndex、direction 4个参数 onSlideLeave 某一水平滑块滚动前的回调函数,与 onLeave 类似,接收 anchorLink、index、slideIndex...--另外不能在初始化的设置:lazyLoading: true ,不能为false--> 案例2:设置不同屏的背景色 $('#fullpage').fullpage({ sectionsColor

    5.1K90

    Unity基础教程-物体运动(十)——环境交互(Movement with Consequences)

    因此,我们将创建AccelerationZone组件类型,其可配置的速度不能为负。 ? 区域可以通过添加一个带有触发器碰撞器的对象到场景中来创建,然后将 zone behavior 附加到它上。...但是,检测和响应某个地方出现的某些东西的简单行为是如此普遍,我们理想情况下只想编写一次。有很多行为非常简单,比如只是激活一个对象,就为它创建一个专用的组件类型可能就有些设计过渡了。...它具有一个带有索引参数的公共Select方法,该方法将有效的材质分配给渲染器(如果有效的话)。 ? 创建一个带有红色非活动区域和绿色活动区域的材质选择器组件,这将用于更改检测区域的可视化。...通过将值的平滑变体传递给事件,可以使其加速和减速。通过对其应用smoothstep函数来实现。并使它成为可配置的选项。 ? (线性VS平滑) ? ? ?...(开启了平滑步长的平台) 3.5 更多控制 可以通过检测区域事件,并禁用滑块组件来暂停动画,但让我们也可以控制其方向。最简单的方法是通过公共属性提供其反转状态。

    3.2K10

    后台系统设计(下篇:输入)

    常见类型 ·输入框 ·步进器/微调器 ·滑块 一、Input 输入框 允许用户输入和编辑文本的区域。 外观 单行文本框,用于输入少量的文本: ? 多行文本,用于输入长字符串,多行文本区域显示: ?...·输入验证分为主动验证和被动验证两种: 主动验证在用户输入的过程中就进行了验证。例如只接受数字的输入框,在输入字符或特殊符号时会被主动清除,且给予提示说明,告知用户信息的输入要求或规则。...用户与输入框交互时,请提供良好的视觉反馈,且输入框本身状态提供良好的能供性(常规有:默认、悬停、键入和禁用;验证状态有:提醒、报错和成功)。 ?...·对于多行文本可根据需求提供改变区域的操作,以显示更多内容。分为手动和自动两种,具体选择需要根据空间布局,内容要求进行决择,手动给予用户更大的自由度,自动则在根据内容实际所需。...带有输入框,可输入文本字段,输入数据与滑块同步 ? 最佳用法 ·当用户设置连续值(如音量或亮度)或一系列离散值(如屏幕分辨率设置)时,可使用滑块。

    4.1K21

    基础渲染系列(九)——复合材质

    (复合的检视器) 2 混合金属和非金属 因为我们的着色器使用统一的值来确定某种东西的金属性,所以它不能在材质的整个表面上变化。这使我们无法创建实际上代表不同材质混合的复杂材质。...像标准着色器一样,我们将贴图和滑块显示在一行上。 ? ? ? (使用金属贴图) 2.3 贴图还是滑块 使用金属贴图时,标准着色器的GUI隐藏滑块。我们也可以这样做。...要使用相同的方法,我们必须区分具有和不具有金属贴图的材质。这可以通过生成两个着色器变体来完成,一个带有映射,一个不带有映射。...(反照率带有平滑度,法线正常) 使用albedo source选项为平滑度创建带有这些贴图的材质。 ? (岩浆材质) 当使用反照率光源时,与红色带状沟相比,灰色的团块明显更光滑。 ? ?...(电路具有正常工作的光照,受光VS不受光) 发出的光会照亮其他物体吗? 自发光仅是材质的一部分。它不会影响场景的其余部分。但是,Unity的全局照明系统可以拾取此发出的光并将其添加到间接照明数据中。

    3.5K10

    awesome-javascript-cn

    官网 string.js:额外的 JavaScript 字符串方法。官网 he:健壮的 HTML 实体编码/解码器。官网 multiline:多行字符串。...官网 jQuery.adaptive-slider:带有自适应颜色标题和导航的幻灯片 jQuery 插件。官网 slidr:可添加一些幻灯片效果。...官网 Flickity:可触摸的、响应式的和可轻弹的画廊。官网 滑块控件 Ion.RangeSlider:强大的、易于自定义的范围滑块选择库,支持很多配置和皮肤。...官网 jQRangeSlider:支持日期的滑块选择库。官网 noUiSlider:轻量无冗余的、高度定制化的滑块选择库。官网 rangeslider.js:HTML5  input 区域滑块元素。...软件开发工具包(SDK) javascript-sdk-design:从工作和个人经验中提炼出来的 JavaScript SDK 设计指导。

    10.7K80

    Qt Designer基本控件介绍——Input Widgets(输入小部件)

    常用方法: setText() : 设置文本框内容 Text() : 返回文本框内容 clear() : 清除多行文本框的内容。...可显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平和垂直滚动条 常用方法: toPlainText() : 返回多行文本框的文本内容。...toHtml() : 返回多行文本框的HTML文档内容(HTML文档是描述网页的) append() : 追加字符串 clear() : 清除多行文本框的内容。...在默认情况下,一个换行符表示一个段落,文档可以一个或者多个段落组成,且段落中的每个字符都可以有其自己的属性,例如有自己的字体和颜色 常用方法: toPlainText() :获取文本内容 insertPlainText...Slider :水平滑块 Vertical Slider :垂直滑块 允许用户沿水平或者垂直方向在某一范围内移动滑块,并将滑块所在的位置转换为一个合法范围内的整数值,QSlider用于控制时间变化,比如播放器

    6.3K30

    基础渲染系列(四)——光照(Unity)

    (立方体颜色变化) 这是由动态批处理引起的。Unity将小网格物体动态合并在一起,以减少draw calls。球体的网格因为太大不能动态合批,因此它们不受影响。...(带有反照率的漫反射着色器,gamma空间和linear空间) 3 镜面着色 除了漫反射之外,还还有一种叫镜面反射。当光线撞击表面后没有发生扩散时,就会发生这种情况。...通常将其定义为0到1之间的值,因此让我们将其设为滑块。 ? 我们通过将点积提高到更高的幂来缩小亮点。为此,我们使用平滑度值,但是它必须比1大得多才能具有理想的效果。因此,我们乘以100。 ? ? ?...但是,先不考虑纹理的情况,只用纯色。 ? 通过颜色属性控制镜面反射的着色和强度。 ? ? (纯色的高光反射) 我们能不能把Tint的Alpha作为平滑度? 当然可以。...金属化的工作流程更为简单,因为你只有一个颜色来源和一个滑块。这足以创建逼真的材质。镜面反射工作流程可以产生相同的结果,但是由于你拥有更多的控制权,因此也可能出现不切实际的材质。

    2.7K20

    Capture One 22 Pro for mac(RAW转换和图像编辑工具)v15.4.2.12中文版

    Capture One pro 22 for Mac一款RAW转换和图像编辑工具,新版本Capture One Pro 22 mac着重在图层、工作流程及处理性能三方面作出改进,带来了全新且高度灵敏的工具...有了这个,我们将推出一个新的,更加动态的工作空间 本地调整已重命名为图层,现在包含在多个工具中abs,使用分层编辑工作流程更容易。图层不透明度通过更改每个图层的不透明度来控制局部调整的影响。...在根据需要对多个工具进行调整后,只需拖动不透明度滑块即可降低图层的整体影响。羽毛面膜和精致面膜使用“羽化蒙版”功能简化了绘制后柔化蒙版边缘的功能。只需拖动滑块以羽化边缘,即可避免重绘蒙版。...精炼边缘可让您在面具上制作更精确的边缘。创建一个具有多种用途的干净且可调节的面具,例如,在背景中挑选头发。使用改进的自动遮罩功能可获得精确结果。...强大的捕获机制确保从上次导入中导入差异变得简单而有效。颜色改进改进的颜色处理确保分层颜色调整工作完美。色彩平衡,色彩编辑器,白平衡和其他工具经过重新设计,以显示每层之间更平滑的过渡。

    4.8K30

    Capture One 22 Pro for mac(RAW转换和图像编辑工具)

    Capture One pro 22 for Mac一款RAW转换和图像编辑工具,新版本Capture One Pro 22 mac着重在图层、工作流程及处理性能三方面作出改进,带来了全新且高度灵敏的工具...有了这个,我们将推出一个新的,更加动态的工作空间 本地调整已重命名为图层,现在包含在多个工具中abs,使用分层编辑工作流程更容易。图层不透明度通过更改每个图层的不透明度来控制局部调整的影响。...在根据需要对多个工具进行调整后,只需拖动不透明度滑块即可降低图层的整体影响。羽毛面膜和精致面膜使用“羽化蒙版”功能简化了绘制后柔化蒙版边缘的功能。只需拖动滑块以羽化边缘,即可避免重绘蒙版。...精炼边缘可让您在面具上制作更精确的边缘。创建一个具有多种用途的干净且可调节的面具,例如,在背景中挑选头发。使用改进的自动遮罩功能可获得精确结果。...强大的捕获机制确保从上次导入中导入差异变得简单而有效。颜色改进改进的颜色处理确保分层颜色调整工作完美。色彩平衡,色彩编辑器,白平衡和其他工具经过重新设计,以显示每层之间更平滑的过渡。

    86020

    第134天:移动web开发的一些总结(二)

    两种设计之间没有任何平滑渐变。只使用媒体查询,布局有时会变得不可控制。 当然,这只是建议,也有一些页面采用固定布局的情况下能够很好的在一些没有考虑过媒体查询情况下的设备上很好的展示。...border:0.5px;(错误),仅仅ios8可以使用 通用方案:scaleY(0.5) (3) 相对单位rem 为了适应各大屏幕的手机,px略显固定,不能根据尺寸的大小而改变,使用相对单位更能体验页面兼容性...(4) 多行文本溢出••• 单行文本溢出,对title类的使用非常多,而多行文本类,在详情介绍则用的比较多。...如果页面带有滚动条,就需要考虑更换解决方案。 (3) 弹性滚动,下拉刷新 ①弹性滚动:当客户端的页面滚动到顶部或底部的时候,滚动条会收缩并让我们多滑动一定距离。...:hidden;/* 防止闪白 */ 6)更多图片的优化,保留3个要使用的节点,当前的,上一个,下一个图片的节点,剩余的不需要的删除 7)jQuery Mobile(JQM jQMobile) 是jQuery

    1.8K10

    jQuery实现多种切换效果的图片切换的五款插件

    /demo/nivoSlider/ 官方介绍:Nivoslider是一款基于jQuery的的,能实现多种切换效果的图片切换插件.Nivoslider提供了11种切换效果,支持多种参数配置和方法函数调用,...它可以适应任何屏幕尺寸,以获得最佳的观看情况。 能够展示你的幻灯片真棒3D和2D过渡 它包含五个独特且随时可用的模板。...4:WOW Slider http://wowslider.com/WOW jQuery Slider在所有移动设备,包括IE6在内的现代和以前的浏览器上都完美无瑕地工作,这要归功于标准兼容,有效的语义标记和完全优化的脚本...Query滑块是轻的(6KB gzipped),加载速度快,利用硬件加速的动画。它成功地在数百万个页面上被使用和测试(是的,数百万),所以我们可以肯定的说它几乎没有错误。...坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

    6.5K10

    Unity通用渲染管线(URP)系列(七)——LOD和反射(Adding Details)

    这是因为两者之一具有负的衰退系数。在这种情况下,我们通过添加而不是减去抖动模式来解决该问题。 ? ? (LOD条纹,完整) 现在它可以正常工作了,我们可以切换到适当的抖动模式。...选择用于半透明阴影的相同对象。 ? ? (抖动LOD) 1.5 动画化交叉淡化 尽管抖动创建了一个相当平滑的过渡,但是这种模式是显而易见的。就像半透明阴影一样,淡化的阴影也不稳定且分散。...然后添加带有世界空间表面参数的SampleEnvironment函数,对纹理进行采样,并返回其RGB分量。...我们将其设置为等于LitPassFragment中的滑块属性的值。 ? 最后,使用它来缩放我们在IndirectBRDF中使用的菲涅耳强度。 ? ?...更不幸的是,网状球根本不能使用反射探针,它总是以天空盒结束。 MeshRenderer组件具有“Anchor Override”,可用于微调其使用的探针,而不必担心盒子的尺寸和位置。

    4.5K31
    领券