Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/renyzeraa/behaviors-page
Implementando comportamento com jQuery e Javascript, para selecionar determinado item na tela, modificando o atual para um novo, animações ao scroll.
https://github.com/renyzeraa/behaviors-page
Last synced: 7 days ago
JSON representation
Implementando comportamento com jQuery e Javascript, para selecionar determinado item na tela, modificando o atual para um novo, animações ao scroll.
- Host: GitHub
- URL: https://github.com/renyzeraa/behaviors-page
- Owner: renyzeraa
- Created: 2024-02-07T21:17:26.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-19T21:19:46.000Z (10 months ago)
- Last Synced: 2024-02-19T22:33:42.323Z (10 months ago)
- Language: JavaScript
- Homepage:
- Size: 1.49 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Página de Comportamentos 📑
Este repositório contém uma página estática desenvolvida com HTML, CSS e JavaScript. A página inclui funcionalidades como eventos de scroll, botões dinâmicos, menu mobile responsivo, um slider de fotos, animações acionadas por eventos de scroll, eventos de click e tratamento para execução de métodos em grandes quantidades.
## Funcionalidades
- **Eventos de Scroll:** A página reage aos eventos de scroll, exibindo botões e títulos conforme o usuário rola a página para baixo.
- **Botões Dinâmicos:** Ao clicar nos botões apresentados durante o scroll, o usuário pode ativar e desativar tópicos específicos na página.
- **Menu Mobile Responsivo:** Quando a página é redimensionada para dispositivos móveis, um menu mobile é criado dinamicamente para facilitar a navegação.
- **Slider de Fotos:** Um slider de fotos é apresentado na página, mudando automaticamente as imagens e o conteúdo relacionado.
- **Debounce:** A função debounce é um padrão de design utilizado para controlar a frequência com que uma função é executada. Ela é especialmente útil em situações em que uma determinada função é chamada com muita frequência, como em eventos de scroll, redimensionamento da janela ou entrada do usuário.
## Instalação
1. Clone o repositório para sua máquina local:
```
git clone https://github.com/renyzeraa/behaviors-page.git
```
2. Abra o arquivo `index.html` em seu navegador web.
## Contribuindo
Contribuições são bem-vindas! Se você deseja contribuir com este projeto, siga estas etapas:
1. Faça um fork do repositório.
2. Crie uma branch para sua nova feature (`git checkout -b feature/nova-feature`).
3. Faça commit de suas alterações (`git commit -am 'Adicionando nova feature'`).
4. Faça push para a branch (`git push origin feature/nova-feature`).
5. Abra um pull request.
Deploy do Projeto 🚀
## Contato
## [**Renan Leandro da Silva**](https://github.com/renyzeraa)
🛠 `FullStack` Developer Jr.
💼 [**IPM Sistemas**](https://www.ipm.com/)
📍 Santa Catarina - Brazil
