当前在很多的旅游网站，底部固定广告已经成为一种常见的形式，可以参看下图。

以途牛为例，下边我们一起来说一下整个制作流程

显然底部是固定定位的盒子，并且是分为两组，一组为显示状态下，一组为隐藏状态下，并且通过点击可以实现两者之间的切换

1. 分别创建两组盒子结构，并添加对应的css样式

第一组盒子宽度为100%，并且定位到底部，第二组盒子根据图片大小来设置盒子大小，并定位在窗口的左下角位置。默认第一组显示在窗口中，第二组移除到窗口的左侧以外，所以需要设置为负值。CSS部分代码如下：

【导读】 Cursor是一款AI编程助手，可以用它生成高质量的代码和搭建网站，极大提高编程工作者的效率

项目介绍

Art Design Pro是一款开源免费（基于MIT license开源协议）、美观实用的后台管理系统模版，专注于用户体验和快速开发的开源后台管理解决方案。基于 ElementPlus 设计规范，进行了视觉上的精心优化，提供更美观、更实用的前端界面，帮助你轻松构建高质量的后台系统。项目使用 Vue3、TypeScript、Vite 等最新技术栈，ElementPlus 组件库为您提供强大支持，覆盖 80% 的常用组件。

一、接入前准备

如果您对源码&技术感兴趣，请点赞+收藏+转发+关注，大家的支持是我分享最大的动力！！！

项目介绍

FileCodeBox 是一个基于 FastAPI + Vue3 开发的免费（LGPL-3.0 license ）轻量级文件分享工具。它允许用户通过简单的方式分享文本和文件，接收者只需要一个提取码就可以取得文件，就像从快递柜取出快递一样简单。

如果您对源码&技术感兴趣，请点赞+收藏+转发+关注，大家的支持是我分享最大的动力！！！

项目介绍

LlamaCoder接入最新DeepSeekV3.1，实现免费零代码。

LlamaCoder我之前介绍过很多次了，是一个开源项目，有together Al搞出来的，有提供在线访问，也可以本地部署。

·先在线玩一下，去到LlamaCoder，模型选择DeepSeekV3，质量选择高质量。

·然后教它写个天气卡片的dashboard应用，很快效果就出来了。全屏看一下，还可以，它还支持迭代修改。试下叫它参考苹果天气，改的更好一点，最终效果是这样的。

Trae国内版官网：https://www.trae.com.cn/

2025 年 03 月 03日，Trae CN v0.1.0 正式发布。

• 提供 Builder 模式，支持开发需求的自动分析、规划和执行，并提供实时预览功能。
• 支持通过多轮对话生成项目级代码。支持快速应用代码变更、代码审查、Diff 查看和版本回退等功能。

一直以来都是有个编程梦，但是苦于学编程太过于繁琐，英文又不好，一直在慢慢摸索中，但是自从接触到AI编程后，感觉真的太简单了，做个网站用对话的形式轻轻松松搞定。

今天正好有时间，就对最近比较火热的V0，Bolt.new，Cursor，Windsurf四个编程软件进行测评下，看看到底用谁写代码更简单更方便？