博客网站制作

博客网站制作，本栏目主要是分享关于域名选择、空间购买，个人博客网站模板制作，网站后期维护运营，优化等相关文章，以及提供cms建站过程中遇到问题的解决办法。

网站制作

心得笔记

CSS3|Html5

网站建设

JS经典实例

推荐工具

jQuery特效-鼠标悬停图片上下滚动效果
JS经典实例
jQuery鼠标悬停图片上下滚动预览代码，是一款精心设计的网页交互特效，它能够在用户鼠标轻轻悬停于图片上时，触发全图以优雅的上下滚动方式展现预览效果，为用户带来流畅而富有吸引力的视觉体验，极大地提升了网页的互动性和观赏性。在线预览...

程大白2023-07-03【JS经典实例】
阅读更多
JS特效-360度全景图片预览效果
JS经典实例
为了提升用户体验，实现一个兼容电脑、平板及手机端的360度全景图片预览效果，您可以通过JavaScript结合现代Web技术（如HTML5、CSS3）来创建引人入胜的VR全景图片展示特效。这种效果不仅能让用...

程大白2023-07-02【JS经典实例】
阅读更多
jQuery特效-全屏响应式3D旋转幻灯片切换
JS经典实例
利用jQuery结合GreenSock Animation Platform（GSAP）的TweenMax与TimelineMax库，打造了一款全屏响应式的3D旋转幻灯片图片切换特效。该特效不仅完美适配电脑与手机等多终端设备，还巧妙融合了图片的3D缩...

程大白2023-07-02【JS经典实例】
阅读更多
CSS的效果实例:宽屏图片手风琴切换特效
CSS3|HTML5
CSS3宽屏图片手风琴切换特效，巧妙运用CSS3的transition属性，精心打造出一款在鼠标悬停时展现出流畅展开与收缩动作的图片展示效果，为网页界面增添了动态魅力与视觉层次感，让用户体验到前所未有的交互乐趣。在线预览...

程大白2023-07-02【CSS3|HTML5】
阅读更多
WebStorm
推荐工具
WebStorm是由JetBrains公司开发的一款集成开发环境（IDE），专为Web开发设计。它以其强大的代码编辑、调试、版本控制和测试工具而闻名，特别适用于HTML、CSS、JavaScript等Web技术的开发。以下是对...

程大白2023-06-02【推荐工具】
阅读更多
心得体会——百度AI书写
心得笔记
在这个数字化时代，网站已经成为了企业、个人乃至各种组织展示自身形象、传播信息、提供服务的重要平台。作为一名参与了多个网站制造项目的人，我深刻体会到了网站制造过程中的种种挑...

未知2022-07-01【心得笔记】
阅读更多
JS实例：鼠标悬停切换图片
JS经典实例
要实现鼠标悬停切换图片的效果，你可以使用HTML和JavaScript来完成。这里提供一个简单的实例，说明如何实现这个功能。首先，你需要准备两张图片，一张是默认显示的图片，另一张是鼠标悬停...

程大白2022-07-01【JS经典实例】
阅读更多
搭建网站前的主要准备工作有哪些？
网站建设
在搭建网站之前，需要进行一系列的准备工作，以确保网站建设的顺利进行和最终的成功上线。以下是一些主要的准备工作： 1. 明确网站目标和需求确定网站类型：明确网站是商业网站、个人...

程大白2022-07-01【网站建设】
阅读更多
CSS的效果实例:具有渐变背景色和鼠标悬停时变换效果的按钮
CSS3|HTML5
首先，是HTML部分，我们定义一个按钮： html 复制代码 !DOCTYPE html html lang = en head meta charset = UTF-8 meta name = viewport content = width=device-width, initial-scale=1.0 title CSS Effect Example / title link rel = stylesheet h...

程大白2022-07-01【CSS3|HTML5】
阅读更多
CSS的效果实例-图片镜像特效
CSS3|HTML5
超酷的CSS3图片镜像效果网页特效是一款可以将任意图片进行镜像，并以幻灯片的方式在同一个页面中切换不同的图片，有三种不同的效果。在线预览...

程大白2022-01-03【CSS3|HTML5】
阅读更多

首页

末页

共 2页20条

心得体会——百度AI书写

心得笔记

在这个数字化时代，网站已经成为了企业、个人乃至各种组织展示自身形象、传播信息、提供服务的重要平台。作为一名参与了多个网站制造项目的人，我深刻体会到了网站制造过程中的种种挑...

未知2022-07-01【心得笔记】

html5的效果实例-制作层叠图片跟随鼠标移动效果

CSS3|HTML5

利用HTML5结合强大的TweenMax动画库，我们精心编织了一场层叠图片跟随鼠标移动的梦幻动画特效。当鼠标悠然穿梭于屏幕之间，一张张图片仿佛被赋予了生命，它们逐一显现，紧随着鼠标的轻盈步伐优雅地舞动，轨迹中留下一道道绚丽的风景线。随着鼠标的继续移动，这些图片又渐渐淡出视线，仿佛夜空中最亮的星，悄然隐退，留给观者无限的遐想与回味。在线预览...

程大白2023-07-04【CSS3|HTML5】

CSS的效果实例:鼠标悬停卡牌图片翻转特效

CSS3|HTML5

这是一款精妙运用CSS3 transform 属性精心打造的鼠标悬停卡牌图片翻转动画特效，通过两张图片的巧妙翻转切换，为用户呈现出一场视觉上的无缝变换盛宴，让每一次鼠标的轻触都充满惊喜与期待。在线预览...

程大白2023-07-04【CSS3|HTML5】

html5的效果实例-圆形缩略图切换全屏banner

CSS3|HTML5

一款融合jQuery与HTML5技术的优雅圆形缩略图导航系统，实现全屏图片切换的震撼视觉效果。用户轻点任一圆形缩略图，不仅触发平滑的旋转动画，无缝切换至所选高清大图，同时，缩略图区域巧妙转变为简洁的文字标题，为浏览体验增添一抹独特的互动魅力。在线预览...

程大白2023-07-04【CSS3|HTML5】

CSS的效果实例:宽屏图片手风琴切换特效

CSS3|HTML5

CSS3宽屏图片手风琴切换特效，巧妙运用CSS3的transition属性，精心打造出一款在鼠标悬停时展现出流畅展开与收缩动作的图片展示效果，为网页界面增添了动态魅力与视觉层次感，让用户体验到前所未有的交互乐趣。在线预览...

程大白2023-07-02【CSS3|HTML5】

首先，是HTML部分，我们定义一个按钮： html 复制代码 !DOCTYPE html html lang = en head meta charset = UTF-8 meta name = viewport content = width=device-width, initial-scale=1.0 title CSS Effect Example / title link rel = stylesheet h...

程大白2022-07-01【CSS3|HTML5】

CSS的效果实例-图片镜像特效

CSS3|HTML5

超酷的CSS3图片镜像效果网页特效是一款可以将任意图片进行镜像，并以幻灯片的方式在同一个页面中切换不同的图片，有三种不同的效果。在线预览...

程大白2022-01-03【CSS3|HTML5】

SSL证书——阿里云Nginx服务器免费安装https证书教程

网站建设

一、购买or创建个人测试证书（原免费证书）注：这里的购买是不需要花钱的 1.1、登录阿里云在搜索框里搜索数字证书管理服务，点击下方的数字证书管理服务（原SSL证书） 1.2、点击SSL证书管理，点击个人测试证书（原免费证书） 1.3、没有点击立即购买，买过的点击创建证书 1.4、点击下载 1.5、选择下载Nginx,pem/key格式的证书 1.6、下载后我们得到一个zip格式的压缩文件，解压后...

大白2024-09-05【网站建设】

搭建网站前的主要准备工作有哪些？

网站建设

在搭建网站之前，需要进行一系列的准备工作，以确保网站建设的顺利进行和最终的成功上线。以下是一些主要的准备工作： 1. 明确网站目标和需求确定网站类型：明确网站是商业网站、个人...

程大白2022-07-01【网站建设】

jQuery特效-电商网站带缩略图商品图片放大镜

JS经典实例

在构建现代电商网站时，我们巧妙地融入了jQuery技术，打造了一款带缩略图导航的商品图片放大镜展示特效。这一精心设计的交互体验，不仅提升了用户浏览商品时的视觉享受，还通过直观且便捷的缩略图切换功能，让顾客能够轻松探索产品的每一个细节，成为购物商城中不可或缺的产品图片展示亮点，极大地增强了用户的购物体验和满意度。在线预览...

程大白2023-07-04【JS经典实例】

JS特效-鼠标点击屏幕后生成烟花效果

JS经典实例

鼠标点击屏幕可以生成烟花，按住鼠标后拖动会在后面生成烟花，烟花颜色自动变化，可以修改生成机枪发射子弹。在线预览...

未知2023-07-04【JS经典实例】

JS特效-点击生成圆形块的小游戏

JS经典实例

操作玩法说明： 1.可以随意拖动圆球； 2.可以点击页面背景； 3. 把浏览器页面缩小然后晃动； 4. 双击页面背景换颜色重开。在线预览...

未知2023-07-04【JS经典实例】

JS特效-banner视觉差切换效果

JS经典实例

借助js插件的强大功能，我们打造了一款令人惊艳的全屏响应式图片视差切换特效，它以图文并茂的动画展示形式，完美融合了视觉美感与交互体验。用户仅需轻点左右按钮，即可轻松操控图片、文字等元素，享受一场由视差旋转切换带来的视觉盛宴，每一次滑动都是对美的新发现与探索。在线预览...

程大白2023-07-04【JS经典实例】

jQuery特效-图片堆叠布局点击弹出幻灯片效果

JS经典实例

一款极具创意的jQuery图片堆叠布局特效，融合了点击即现的幻灯片展示魔法。用户轻触之下，图片瞬间跃然放大，搭配流畅的左右箭头导航，让图片切换尽在指尖掌控。更令人赞叹的是，无论是再次点击图片还是空白区域，都能优雅地恢复原始堆叠布局，带来前所未有的互动体验。注意：图片清晰度过大，会导致加载过慢，请自行设置预加载在线预览...

程大白2023-07-03【JS经典实例】