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

css html javascript jquery

Last synced: about 2 months 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 (over 2 years ago)
Default Branch: main
Last Pushed: 2024-02-19T21:19:46.000Z (over 2 years ago)
Last Synced: 2025-02-13T06:44:13.336Z (over 1 year ago)
Topics: css, html, javascript, jquery
Language: JavaScript
Homepage:
Size: 1.49 MB
Stars: 1
Watchers: 2
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.